@charset "UTF-8";

/* --通用-开始-- */
* {
	margin: 0px;
	padding: 0px;
}

html, body {
	width: 100%;
	height: 100%;
	font-family: '思源雅黑' !important;
}

ul, ol, li, dl, dd {
	margin: 0;
	padding: 0;
}

li {
	display: list-item;
	text-align: -webkit-match-parent;
	list-style: none;
}

ol, ul {
	list-style: none outside none;
}

a {
	text-decoration: none;
	background: transparent;
	-webkit-tap-highlight-color: transparent;
	cursor: pointer;
}

/*正常的未被访问过的链接*/
a:link {
	text-decoration: none;
}

/*已经访问过的链接*/
a:visited {
	text-decoration: none;
}

/*鼠标划过(停留)的链接*/
a:hover {
	text-decoration: none;
}

/* 正在点击的链接，鼠标在元素上按下还没有松开*/
a:active {
	text-decoration: none;
}

/* 获得焦点的时候 鼠标松开时显示的颜色*/
a:focus {
	text-decoration: none;
}

iframe {
	border-style: inset;
	border-color: initial;
	border-image: initial;
	border-width: 0px;
}

::-webkit-scrollbar {
	width: 7px;
	height: 8px;
}

::-webkit-scrollbar-thumb {
	background-color: #777;
	border-radius: 3px;
}

::-webkit-scrollbar-track {
	background-color: #333;
}

.clear {
	clear: both;
}

.hidden {
	display: none;
}

.font-red {
	color: #c5162c;
}

.back-red {
	background-color: #c5162c;
	color: #fff;
}

.font-blue {
	color: #3481d8;
}

.cursor-pointer {
	cursor: pointer;
}

.cursor-unset {
	cursor: unset !important;
}

.cursor-default {
	cursor: default !important;
}

.header-index {
	width: 100%;
	min-width: 1240px;
	background-color: #fff;
	/* box-shadow: 0 1px 0 0 #ddd; */
	position: relative;
	z-index: 1000;
}

.header-index-inner {
	margin: 0 auto;
	position: relative;
	width: 1200px;
}

.header-index-logo {
	width: 206px;
	height: 47px;
	display: inline-block;
	background: no-repeat;
	background-size: 206px 47px;
	vertical-align: middle;
}

.header-index-category {
	display: inline-block;
	height: 80px;
	line-height: 80px;
	vertical-align: middle;
	font-size: 18px;
	overflow: hidden;
	width: 0;
	padding-left: 146px;
	position: relative;
	margin-left: 16px;
}

.header-index-category_show {
	width: auto;
	padding-left: 35px;
	padding-right: 35px;
	overflow: visible;
}

.header-index-category-text {
	text-align: center;
}

.header-index-category-icon {
	display: inline-block;
	vertical-align: middle;
	padding-right: 2px;
	width: 28px;
	height: 26px;
	margin-top: -5px;
}

.header-index-category-text a {
	color: #333;
}

.index-cate {
	display: none;
	position: absolute;
	left: -37px;
	top: 79px;
	width: 230px;
	z-index: 50;
	/*border: 1px solid #e5e5e5;*/
	box-shadow: -2px 2px 10px 0 rgba(0, 0, 0, .12);
}

.index-cate-item-hover {
	height: 29px;
	width: 230px;
	position: absolute;
	top: -28px;
}

.index-cate a:hover {
	text-decoration: underline;
	color: #666;
}

.mod-nav {
	width: 230px;
	line-height: 24px;
	font-size: 14px;
}

.mod-nav__list {
	width: 230px;
	max-height: 500px;
	overflow-y: auto;
	overflow-x: hidden;
}

.mod-nav__li.no-border {
	border: 0;
}

.mod-nav__li {
	position: relative;
	min-height: 50px;
	width: 230px;
	padding: 4px 0;
	border-top: 1px solid #e5e5e5;
	transition: .3s;
	background-color: #fff;
}

.mod-nav__li:hover {
	background-color: #F4F4F4;
}

.mod-nav__li:hover.no-border:after {
	border-color: transparent transparent #f4f4f4;
}

.mod-nav__link-nav-first {
	display: inline-block;
	vertical-align: middle;
	line-height: 24px;
	padding: 11px 15px 0;
	font-size: 16px;
	margin: 0;
}

.mod-nav__link-nav-first .mod-nav__link-nav-first-link {
	color: #333;
	font-weight: 700;
}

.mod-nav__link-nav-hot {
	display: inline-block;
	vertical-align: middle;
	margin-right: 8px;
	color: #666;
}

.mod-nav__wrap-nav-hot {
	padding: 10px 10px 10px 15px;
	line-height: 24px;
	overflow: hidden;
	height: 38px;
}

.mod-nav__li.no-border:before {
	content: '';
	width: 0;
	height: 0;
	border-width: 0 8px 8px;
	border-style: solid;
	border-color: transparent transparent #e5e5e5;
	position: absolute;
	left: 104px;
	top: -9px;
}

.mod-nav__li.no-border:after {
	content: '';
	width: 0;
	height: 0;
	border-width: 0 8px 8px;
	border-style: solid;
	border-color: transparent transparent #fff;
	position: absolute;
	left: 104px;
	top: -8px;
}

.mod-nav__li .i-v-right {
	position: absolute;
	top: 16px;
	right: 10px;
	color: #bbb;
	font-size: 20px;
}

.mod-nav__side .mod-nav__wrap-nav-side {
	display: none;
	height: 500px;
	position: absolute;
	left: 230px;
	top: -1px;
	padding: 0 0 0 30px;
	background-color: #fff;
	box-shadow: 2px 2px 10px 0 rgba(0, 0, 0, .12);
	/*border: 1px solid #e5e5e5;*/
	padding-bottom: 20px;
	overflow-y: auto;
}

.mod-nav__list::-webkit-scrollbar-thumb, .mod-nav__side .mod-nav__wrap-nav-side::-webkit-scrollbar-thumb {
	background-color: #eee;
}

.mod-nav__list::-webkit-scrollbar-track, .mod-nav__side .mod-nav__wrap-nav-side::-webkit-scrollbar-track {
	background-color: #ccc;
}

.mod-nav__side-txt-list {
	margin-top: 20px;
	font-size: 0;
	margin-left: -10px;
	max-height: 30px;
	overflow: hidden;
}

.mod-nav__side-txt {
	display: inline-block;
	font-size: 14px;
	line-height: 28px;
	padding: 0 10px;
	margin-left: 10px;
	color: #fff;
	background-color: #C4000C;
	border: 1px solid #C4000C;
}

.mod-nav__side-txt:hover {
	color: #fff;
	background-color: #C4000C;
}

.mod-nav__side-list {
	width: 775px;
}

.mod-nav__side-li {
	padding: 15px 0 8px;
}

.mod-nav__link-nav-second {
	display: inline-block;
	vertical-align: middle;
	font-weight: 700;
	vertical-align: top;
	width: 160px;
	text-align: left;
	font-size: 100%;
	margin: 0px;
}

.mod-nav__link-nav-second .mod-nav__link-nav-second-link {
	color: #333;
}

.mod-nav__wrap-nav-third {
	display: inline-block;
	vertical-align: middle;
	width: 605px;
	vertical-align: top;
}

.mod-nav__link-nav-third {
	display: inline-block;
	vertical-align: middle;
	color: #666;
	margin-right: 20px;
	text-align: left;
	vertical-align: top;
	margin-bottom: 3px;
}

.header-index-search {
	display: inline-block;
	vertical-align: middle;
	position: relative;
	margin-left: 6px;
}

.mod-search {
	box-sizing: content-box;
	width: 360px;
	border: 1px solid #ccc;
	height: 34px;
	border-radius: 20px;
	position: relative;
}

.mod-search__input {
	box-sizing: content-box;
	width: 225px;
	height: 28px;
	line-height: 28px;
	margin: 0 0 0 4px;
	padding: 4px 4px 4px 0;
	background: 0 0;
	text-indent: 15px;
	vertical-align: top;
	border: 0;
	outline: none;
}

.mod-search__btn-search {
	position: absolute;
	right: -1px;
	top: -1px;
	width: 90px;
	height: 36px;
	line-height: 36px;
	background-color: #C5162C;
	border-radius: 0 20px 20px 0;
	text-align: center;
	color: #fff !important;
	padding-right: 10px;
}

.mod-search__btn-search:hover {
	color: #fff;
	background-color: #b20e1a;
}

.header-index-text {
	position: absolute;
	right: 0;
	top: 0;
	height: 80px;
	line-height: 80px;
}

.header-index .mod-header__wrap-login {
	display: inline-block;
	vertical-align: top;
	position: relative;
	margin-left: 20px;
}

.header-index .mod-header_wrap-user {
	display: none;
	position: relative;
}

.header-index .dropdown-wrap {
	display: inline-block;
	vertical-align: top;
	text-align: right;
	position: relative;
	height: 80px;
	line-height: 80px;
	cursor: pointer;
}

.header-index .mod-header__user-name {
	display: block;
	font-size: 0;
}

.header-index .dropdown-tt {
	text-align: center;
	margin: 0px;
}

.header-index .mod-header__user-name a {
	display: block;
	color: #333;
}

.header-index .mod-header__user-name img {
	display: inline-block;
	width: 36px;
	height: 36px;
	border-radius: 50%;
	margin-right: 8px;
}

.header-index .mod-header__user-name span {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	word-wrap: normal;
	display: inline-block;
	vertical-align: middle;
	max-width: 82px;
	text-align: left;
	font-size: 14px;
}

.header-index .mod-header__user-name i.icon-account {
	display: inline-block;
	vertical-align: middle;
	word-wrap: normal;
	width: 9px;
	height: 6px;
	background-size: 9px 6px;
	background: url("../img/downarrow.png") no-repeat;
	margin-left: 15px;
}

.header-index .mod-header_wrap-user ul {
	padding-bottom: 0;
}

.header-index .dropdown-list {
	display: none;
	position: absolute;
	box-sizing: border-box;
	width: 132px;
	left: 50%;
	margin-left: -56px;
	border: 1px solid #e5e5e5;
	background: #fff;
	box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .12);
}

.header-index .dropdown-list a {
	display: block;
	text-align: center;
	padding: 15px 0;
	height: 50px;
	line-height: 20px;
	background: #fff;
	color: #333;
	font-size: 14px;
}

.header-index .dropdown-list a:hover {
	color: #c5162c;
}

.header-index .dropdown-list:before {
	content: '';
	width: 0;
	height: 0;
	border-width: 0 8px 8px;
	border-style: solid;
	border-color: transparent transparent #e5e5e5;
	position: absolute;
	left: 47px;
	top: -9px;
}

.header-index .dropdown-list:after {
	content: '';
	width: 0;
	height: 0;
	border-width: 0 8px 8px;
	border-style: solid;
	border-color: transparent transparent #fff;
	position: absolute;
	left: 47px;
	top: -8px;
}

.header-index .mod-header_wrap-user ul li:last-child {
	border-top: 1px solid #e5e5e5;
}

.cate-tab {
	width: 100%;
	min-width: 1240px;
	text-align: center;
	position: relative;
	background-color: #fff;
	box-shadow: 0px 3px 6px 0px rgba(69, 69, 69, 0.17);
}

.cate-tab-sub {
	margin-left: -2px;
	display: inline-block;
	width: 1200px;
	text-align: left;
}

.cate-tab-list {
	width: 1200px;
	display: inline-block;
}

.cate-tab-item {
	margin-left: 2px;
	display: inline-block;
	padding: 6px 15px 6px 15px;
	position: relative;
	font-size: 16px;
	cursor: pointer;
	color: #353535;
	margin-right: 30px;
	border-bottom: 2px solid transparent;
}

.videotext-course-tab .cate-tab-item {
	padding: 6px 15px 16px 15px;
}

.cate-tab-item.active {
	color: #C5162C;
	border-bottom: 2px solid #C5162C;
}

.cate-tab-item:hover {
	color: #C5162C;
}

.banner-slide {
	width: 100%;
	height: 300px;
	z-index: 10;
	background-color: #151046;
}

.banner-slide img {
	height: 300px;
	max-width: 955px;
}

.banner-list {
	width: 955px;
	text-align: center;
	float: left;
}

.container-index {
	width: 100%;
	min-height: 493px;
}

.container-index-inner {
	margin-left: auto;
	margin-right: auto;
	width: 1200px;
}

.container-index-list {
	margin-bottom: 20px;
	position: relative;
}

.container-index-list h2 {
	font-size: 20px;
	line-height: 31px;
	width: 100%;
	margin: 20px 0px 10px;
}

.container-index-list h2 img {
	height: 20px;
	margin-right: 10px;
	float: left;
	margin-top: 6px;
}

.container-index-list h2 .btn-more {
	font-size: 14px;
	line-height: inherit;
	color: #666;
	float: right;
	cursor: pointer;
}

.container-index-list h2 .btn-more:hover {
	color: #3481d8;
}

.container-index-list h2 .btn-more i {
	font-size: 18px;
	margin-left: 5px;
}

.course-card-list {
	margin-right: -16px;
	margin-left: -16px;
	font-size: 14px;
}

.course-card-item {
	margin-left: 9px;
	float: left;
	padding: 7px 7px 10px;
	border: 1px solid transparent;
	width: 235px;
	position: relative;
}

.course-card-item:hover {
	border: 1px solid #e5e5e5;
	box-shadow: 2px 2px 10px 0 rgba(0, 0, 0, .12);
}

.course-card-item .item-img-link {
	display: block;
	margin-bottom: 8px;
}

.course-card-item .item-img-link .item-img {
	display: block;
	height: 130px;
	width: 100%;
	border-radius: 4px;
}

.course-card-item .item-tt {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	height: 40px;
	font-size: 14px;
	margin-bottom: 8px;
}

.course-card-item .item-tt-link {
	color: #333;
	word-wrap: break-word;
	white-space: pre-wrap;
	word-break: break-all;
	line-height: 20px;
}

.course-card-item .item-tt-link:hover {
	color: #3481d8;
}

.course-card-item .item-line-middle {
	color: #999;
}

.course-card-item .item-line .line-cell:first-child {
	margin-left: 0;
}

.course-card-item .item-line .item-source-tag {
	padding: 2px 3px 3px 2px;
	margin-left: 2px;
	color: #3481d8;
	font-size: 12px;
	line-height: 12px;
	border: solid 1px currentColor;
	border-radius: 3px;
	transform: scale(0.8);
}

.course-card-item .item-line-bottom {
	height: 20px;
	line-height: 20px;
}

.course-card-item .item-line {
	overflow: hidden;
	margin-top: 0;
	height: 20px;
	font-size: 12px;
}

.course-card-item .item-line .line-cell:first-child {
	margin-left: 0;
}

.course-card-item .item-line .line-cell {
	float: left;
	margin-left: 8px;
}

.course-card-item .item-line .item-source-link {
	max-width: 160px;
	color: #999;
	cursor: pointer;
	word-wrap: break-word;
	white-space: pre-wrap;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}

.course-card-item .item-line .item-source-link:hover {
	color: #3481d8;
}

.course-card-item .item-line .item-user, .course-card-item .item-line .item-task, .course-card-item .item-line .item-agency, .course-card-item .item-line .item-star-num {
	color: #999;
	margin-left: 10px;
}

.course-card-item .item-line .item-user img {
	height: 14px;
	margin-right: 5px;
}

.course-card-item .item-line .item-price {
	color: #2180e1;
	font-size: 12px;
}

.course-user-left {
	position: absolute;
	top: 115px;
	left: 15px;
	z-index: 50;
}

.course-user-right {
	position: absolute;
	top: 115px;
	right: 18px;
	z-index: 50;
}

.course-user-list {
	font-size: 14px;
}

.course-user-item {
	margin-bottom: 10px;
	border: 1px solid transparent;
	width: 219px ! important;
}

.course-user-item:hover {
	border: 1px solid #999;
	box-shadow: 4px 4px 12px 0 rgba(0, 0, 0, .12);
	border-radius: 15px;
}

.course-user-item .item-img-link {
	display: block;
	position: relative;
}

.course-user-item .item-img-link .item-img {
	display: block;
	height: 219px;
	width: 100%;
	border-radius: 15px;
}

.course-user-item .item-img-link .item-img-float {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 45px;
	font-size: 16px;
	font-weight: 500;
	color: #fff;
	background-color: #8e9dab;
	opacity: 0.88;
	line-height: 45px;
	text-align: center;
	border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;
}

/*明星讲师翻页按钮位置调整*/
#course-user-list .swiper-button-prev {
	left: 20px;
}

#course-user-list .swiper-button-next {
	right: 20px;
}

.footer {
	padding-top: 34px;
	height: 80px;
	box-sizing: border-box;
	text-align: center;
	width: 100%;
	background: #444547;
	font-size: 12px;
	color: #777;
}

/* 课程-start */
.mod-breadcrumbs {
	margin-top: 20px;
	margin-bottom: 10px;
	line-height: 34px;
	height: 34px;
}

.mod-breadcrumbs a:hover {
	color: #3481d8;
}

.mod-breadcrumbs-line {
	border-left: 3px solid #CD374A;
	padding-right: 10px;
}

.mod-breadcrumbs__nav {
	font-size: 14px;
	color: #333;
}

.mod-list-breadcrumbs .mod-breadcrumbs__arrow {
	margin: 0 5px;
}

.mod-breadcrumbs__arrow {
	color: #999;
	font-size: 14px;
}

.breadcrumbs-nab {
	display: inline-block;
}

.breadcrumbs-nab .mod-breadcrumbs__nav {
	padding: 4px 0;
	border: 1px dotted transparent;
}

.sort-menu-con {
	margin-bottom: 21px;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	padding-top: 12px;
	padding-bottom: 12px;
}

.sort-menu {
	padding-left: 58px;
	overflow: hidden;
}

.sort-menu dt {
	color: #949494;
	margin-left: -58px;
	font-weight: normal;
}

.sort-menu dt, .sort-menu dd {
	float: left;
	position: relative;
	z-index: 1;
	line-height: 32px;
}

.sort-menu a {
	display: inline-block;
	height: 100%;
	margin: 0 0 0 9px;
	padding: 0 19px 0 10px;
	color: #333;
}

.sort-menu .active a {
	color: #3481d8;
}

.sort-menu a:hover {
	color: #3481d8;
}

.course-card-breadcrumb {
	width: 100%;
	padding: 14px 15px;
	font-size: 14px;
	height: 58px;
	border: 1px solid #efefef;
	margin-bottom: 15px;
	background-color: #F5F5F5;
}

.course-card-breadcrumb dd a {
	float: left;
	line-height: 30px;
	color: #434343;
	padding-left: 10px;
	padding-right: 10px;
	margin-right: 15px;
}

.course-card-breadcrumb dd .active {
	background-color: #C5162C;
	color: #fff;
}

.course-card-breadcrumb dd a:hover {
	background-color: #C5162C;
	color: #fff;
}

/* 课程-end */
.videotext-course {
	width: 100%;
}

.videotext-course .section--study {
	width: 100%;
	font-size: 0;
}

.videotext-course .study-video-wrapper {
	display: inline-block;
	vertical-align: top;
	width: 870px;
	height: 515px;
	position: relative;
	background-color: #000;
}

.videotext-course .cover-img {
	display: block;
	width: 100%;
	height: 100%;
}

.videotext-course .study-video {
	display: none;
	z-index: 1;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.videotext-course .task-list-wrapper {
	display: inline-block;
	vertical-align: top;
	height: 515px;
	width: 330px;
	background-color: #131313;
	font-size: 12px;
	position: relative;
}

.videotext-course .task-list-wrapper::before {
	content: '';
	z-index: 1;
	width: 310px;
	height: 16px;
	background-color: #131313;
	background: linear-gradient(to top, rgba(19, 19, 19, .5) 0, #131313 50%);
	position: absolute;
	top: 0;
	left: 0;
}

.videotext-course .section--bottom {
	width: 100%;
	min-height: 88px;
	padding: 14px 16px;
	box-sizing: border-box;
	background-color: #232323;
}

.videotext-course .course-info {
	max-width: 1200px;
}

.videotext-course .course-title {
	font-size: 22px;
	line-height: 32px;
}

.videotext-course .course-title h3 {
	color: #f4f4f4;
	display: inline-block;
	max-width: 780px;
	vertical-align: top;
	font-size: 100%;
	font-weight: 400;
	margin-top: 0;
	margin-bottom: 0;
}

.videotext-course .course-title .title-free {
	color: #ff4f23;
	display: inline-block;
	margin-left: 12px;
	vertical-align: top;
}

.videotext-course .course-hints {
	margin-top: 6px;
	font-size: 14px;
	line-height: 18px;
}

.videotext-course .course-hints .line-item {
	display: inline-block;
	margin-right: 32px;
	color: rgba(255, 255, 255, .5);
	vertical-align: middle;
}

.videotext-course .course-hints .line-item-click {
	height: 14px;
	margin-right: 5px;
	margin-top: -3px;
	display: inherit;
}

.videotext-course .course-hints .fa-thumbs-o-up:hover {
	color: #C5162C;
}

.videotext-course .course-hints .fa-thumbs-o-up.active {
	color: #C5162C;
}

.videotext-course .study-task-list, .videotext-course .coding-tasklist {
	box-sizing: border-box;
	height: 100%;
	padding: 15px 16px;
	overflow: auto;
	color: #c7c7c7;
	font-size: 14px;
	overflow-x: hidden;
	overflow-y: auto;
}

.videotext-course .sub-section {
	margin-top: 16px;
	margin-bottom: 32px;
	position: relative;
}

.videotext-course .sub-section--tt {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: #c7c7c7;
	font-size: 16px;
}

.videotext-course .task-item {
	margin-top: 16px;
	display: block;
	color: #c7c7c7;
	cursor: pointer;
	font-size: 16px;
}

.videotext-course .task-item:hover {
	color: #d43e42;
}

.videotext-course .task-item:hover .task-item--text, .videotext-course .task-item:hover .task-item--suffix {
	color: #d43e42;
}

.videotext-course .task-item.active, .videotext-course .task-item.active .task-item--text, .videotext-course .task-item.active .task-item--suffix {
	color: #d43e42;
}

.videotext-course .task-item--type {
	width: 30px;
	height: 16px;
	line-height: 16px;
	position: absolute;
}

.videotext-course .task-item--tt {
	margin-left: 35px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.videotext-course .task-item--text {
	line-height: 18px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin-top: 0px;
	margin-bottom: 5px;
	font-size: 14px;
}

.videotext-course .task-item--suffix {
	line-height: 16px;
	font-size: 12px;
	color: #777;
}

.course-tab {
	margin-top: 20px;
}

.course-tab .cate-tab-item.active {
	color: #3481d8;
	border-bottom: 2px solid #3481d8;
}

.course-tab .cate-tab-item:hover {
	color: #3481d8;
}

.back-grey {
	background-color: #F4F4F4;
}

.inner-center {
	margin-left: auto;
	margin-right: auto;
	box-sizing: border-box;
	padding-top: 15px;
}

.inner-center .main {
	float: left;
	width: 100%;
	box-sizing: border-box;
	margin-bottom: 30px;
}

.inner-center .main .content {
	margin-right: 340px;
	padding: 0 15px 30px;
	background: #fff;
	box-sizing: border-box;
	border-radius: 6px;
}

.task-part-list {
	padding-bottom: 1px;
	margin: 0 10px;
}

.task-task-list .task-task-item {
	position: relative;
	line-height: 50px;
	padding-left: 20px;
	display: block;
	width: 100%;
	color: #333;
	box-sizing: border-box;
	background-color: #FAFAFA;
	margin-bottom: 15px;
	cursor: default;
}

.task-part-list .task-part-item .task-part-hd {
	margin-bottom: 5px;
	padding-top: 5px;
	line-height: 40px;
	position: relative;
	margin-bottom: 20px;
}

.task-part-list .task-part-item .task-part-hd h3 {
	font-size: 16px;
	font-weight: 700;
}

.task-task-list .task-task-item .task-tt-text {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	word-wrap: normal;
	width: 600px;
}

.task-task-list .task-task-item .task-tt-text>span{
	cursor: pointer;
}

.task-task-list .task-task-item .tt-suffix {
	color: #999;
	margin-left: 10px;
	vertical-align: middle;
}

.task-task-list .task-task-item .tt-rate {
	color: #999;
	width: 80px;
	vertical-align: middle;
	margin-right: 3px;
}

.task-task-list .task-task-item .tt-rate > img {
	width: 26px;
	vertical-align: middle;
	margin-right: 6px;
	padding-bottom: 2px;
}

.task-task-list .task-task-item:hover {
	background-color: #f2f8ff;
}

.task-task-list .task-task-item.active {
	background-color: #f2f8ff;
}

.font-blue {
	color: #3481d8;
}

.aside-right {
	float: left;
	width: 330px;
	box-sizing: border-box;
	margin-left: -330px;
	background: #fff;
	padding: 20px;
	margin-bottom: 10px;
	border-radius: 6px;
}

.aside-right-tt {
	padding: 20px;
	margin: 0;
	font-size: 18px;
	position: relative;
}

.aside-right-tt .tt-cover-url {
	position: absolute;
	top: 0;
	left: 0;
}

.aside-right-tt .tt-cover-name {
	margin-left: 84px;
	min-height: 64px;
	line-height: 26px;
}

.aside-right-tt .tt-cover-name > a {
	color: #000;
}

.aside-right-tt .tt-cover-name > a:hover {
	color: #3481d8;
}

.aside-right .agency-summary {
	white-space: normal;
	word-wrap: break-word;
	word-break: break-all;
	padding-bottom: 15px;
	padding-top: 10px;
	line-height: 2;
}

.aside-right-contact {
	border-top: 1px solid #e5e5e5;
}

.aside-right-contact > h4 {
	padding-top: 15px;
	padding-bottom: 5px;
}

.gray {
	color: #888;
}

/* 评论 */
.course-comment {
	width: 71%;
}

/* 公用评论 */
.common-comment {
	background: #fff;
	box-sizing: border-box;
	border-radius: 6px;
	width: 100%;
}

.common-comment .common-comment-top {
	display: inline-block;
	vertical-align: top;
	box-sizing: border-box;
	width: 100%;
	margin-top: 30px;
	padding-left: 15px;
	padding-bottom: 40px;
	border-bottom: 1px solid #EAEAEA;
}

.common-comment .common-comment-top-img {
	width: 80px;
	height: 80px;
	float: left;
	margin-right: 20px;
}

.common-comment .common-comment-top-img img, .common-comment-item img {
	margin-right: 20px;
	float: left;
	width: 80px;
	height: 80px;
	border-radius: 50%;
}

.common-comment .common-comment-top-inputDiv {
	float: left;
	width: 87%;
}

.common-comment .common-comment-top-textarea {
	float: left;
	width: 100%;
	padding-bottom: 30px;
}

.common-comment .common-comment-textarea-counter {
	text-align: right;
	margin-right: 20px;
	margin-top: -25px;
	font-size: 14px;
	float: right;
	position: relative;
	z-index: 1;
}

.common-comment .comment-button {
	float: right;
	background-color: #448bde;
	margin-top: 10px;
}

.common-comment .comment-button:hover {
	background-color: #307bd2;
}

.common-comment .common-comment-item {
	display: inline-block;
	vertical-align: top;
	box-sizing: border-box;
	width: 100%;
	padding-top: 30px;
	padding-bottom: 30px;
	padding-left: 15px;
	line-height: 24px;
	border-bottom: 1px solid #EAEAEA;
}

.common-comment .common-comment-item-contentDiv {
	float: left;
	width: 87%;
}

.common-comment .common-comment-item-contentDiv label {
	font-size: 18px;
}

.common-comment .common-comment-floor {
	float: right;
	font-size: 14px;
}

.course-detail-no-comment {
	display: flex;
}

.course-detail-no-comment > img {
	display: block;
	margin: 75px auto;
}

.common-comment-item-remove {
	float: right;
	margin-right: 5px;
	color: #3481D8;
	cursor: pointer;
}

/* 评论-end */

/*课程明细*/

/*培训联盟开始*/
.train-tab-list {
	display: inline-block;
	margin-left: 150px;
	font-size: 14px;
	color: #666;
}

.train-tab-item {
	display: inline-block;
	margin-left: 20px;
	padding-left: 15px;
	padding-right: 15px;
	border: 1px solid transparent;
	border-radius: 4px;
	line-height: 28px;
	color: #666;
	cursor: pointer;
}

.train-tab-item.active, .train-tab-item:hover {
	color: #d2b284 ! important;
	border: 1px solid #d2b284;
	line-height: 28px;
	border-radius: 4px;
}

.train-card-list {
	width: 100%;
	height: auto;
	padding-top: 10px;
	padding-bottom: 10px;
}

.train-card-item {
	margin-right: 30px;
	width: 380px;
}

.train-card-item > img {
	width: 380px;
	height: 260px;
	cursor: pointer;
}

.train-item-name {
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 5px;
	height: 55px;
	font-size: 18px;
	font-family: PingFangSC-Medium;
	font-weight: 500;
	color: rgba(40, 40, 40, 1);
	line-height: 25px;
	cursor: pointer;
}

.train-item-name:hover {
	color: #3481d8;
}

.train-item-labels {
	padding-bottom: 15px;
	padding-left: 5px;
	height: 45px;
	font-size: 13px;
	font-weight: 500;
	color: rgba(40, 40, 40, 1);
}

.train-item-label-first {
	padding-right: 5px;
	display: inline-block;
}

.train-item-label {
	display: inline-block;
	font-size: 13px;
	font-weight: 500;
	color: #d2b284;
	border-radius: 2px;
	border: 1px solid #d2b284;
	padding: 5px 6px;
}

.train-item-desc {
	padding-left: 5px;
	height: 40px;
	font-size: 12px;
	font-weight: 500;
	color: rgba(102, 102, 102, 1);
	line-height: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.train-swiper-button {
	position: absolute;
	top: 155px !important;
}

/*培训联盟结束*/

/*讲师中心开始*/
.teacher-list {
	width: 100%;
	height: auto;
	display: flex;
	justify-content: space-between;
	align-content: space-between;
	flex-wrap: wrap;
}

.teacher-list-page {
	width: 100%;
	height: auto;
	padding-bottom: 30px;
}

.teacher-item {
	width: 580px;
	height: 220px;
	margin-bottom: 25px;
	margin-right: 20px;
}

.teacher-item:nth-child(2n) {
	margin-right: 0px;
	margin-left: 20px;
}

.teacher-item-img {
	margin-bottom: 34px;
	margin-right: 22px;
	float: left;
	cursor: pointer;
}

.teacher-item-img > img {
	width: 188px;
	height: 186px;
	border-radius: 10px;
}

.teacher-item-means {
	width: 370px;
	height: 100%;
	float: right;
}

.teacher-item-name {
	font-size: 18px;
	color: #000;
	font-weight: 600;
	height: 25px;
	margin-bottom: 5px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	text-align: justify;
	overflow: hidden;
}

.teacher-item-name > span {
	cursor: pointer;
}

.teacher-item-name > span:hover {
	color: #448bde;
}

.teacher-item-orgName {
	font-size: 14px;
	color: #3481d8;
	font-weight: 500;
	height: 20px;
	margin-bottom: 5px;
}

.teacher-item-orgName > span {
	cursor: pointer;
}

.teacher-item-desc {
	font-size: 13px;
	color: #888;
	line-height: 20px;
	max-height: 100px;
	margin-bottom: 5px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 5;
	text-align: justify;
	overflow: hidden;
}

.teacher-item-button {
	margin-top: 10px;
	width: 98px;
	height: 35px;
	background: #eeeeee;
	border: none;
	font-size: 14px;
	outline: none;
	color: #222;
	font-weight: 500;
}

.teacher-item-button:hover {
	background: #307bd2;
	color: #fff;
}

/*讲师中心结束*/
/*讲师详情开始*/
.teacher-info {
	width: 100%;
	margin-bottom: 34px;
	display: inline-block;
}

.teacher-info-img {
	width: 188px;
	height: 186px;
	margin-right: 22px;
	display: inline-block;
}

.teacher-info-img > img {
	width: 188px;
	height: 186px;
}

.teacher-info-means {
	width: 990px;
	float: right;
}

.teacher-info-nameLine {
	width: 100%;
	height: 40px;
}

.teacher-info-name {
	font-size: 20px;
	color: #000;
	font-weight: 600;
	height: 40px;
	margin-bottom: 0;
	line-height: 40px;
	min-width: 80px;
	display: inline-block;
}

.teacher-info-orgName {
	display: inline-block;
	margin: 0;
	font-size: 14px;
	color: #3481d8;
	font-weight: 500;
	min-width: 200px;
}

.teacher-info-orgName > span {
	cursor: pointer;
}

.teacher-info-desc {
	font-size: 14px;
	color: #888;
	line-height: 25px;
}

/*讲师详情结束*/
/*个人信息开始*/
.personal-center-background {
	background-color: #ededed;
	width: 100%;
}

.personal-center-background.white-background {
	background-color: #fff !important;
}

.personal-center-background-img {
	width: 100%;
	background: url(../img/percenter-center-background.png) no-repeat center center;
	height: 140px;
}

.personal-center-user-base-info {
	width: 50%;
	float: left;
	height: 160px;
	color: #fff;
	position: relative;
}

.user-img-info {
	width: 140px;
	height: 140px;
	display: inline-block;
	padding: 3px;
	border-radius: 50%;
	background: #fff;
	position: absolute;
	top: 23px;
	left: 10px;
	box-shadow: 0px -2px 7px 0px #303460;
}

.user-img {
	width: 134px;
	height: 134px;
	border-radius: 50%;
	cursor: pointer;
}

.user-img > img {
	width: 100%;
	height: 100%;
	border-radius: 50%;
}

.user-name-info {
	color: #fff;
	line-height: 140px;
	margin-left: 175px;
	font-size: 18px;
}

.personal-center-user-study-time {
	width: 50%;
	float: right;
	height: 140px;
	color: #fff;
}

.user-study-time-items {
	height: 140px;
	float: right;
	margin: 0 40px;
	text-align: center;
	display: inline-block;
	padding: 35px 0;
}

.user-study-time-item {
	display: block;
	padding: 5px 0;
}

.user-study-time-item > label {
	font-size: 18px !important;
	margin: 0;
}

.personal-center {
	width: 100%;
	min-height: 700px;
	padding-top: 30px;
	padding-bottom: 70px;
}

.personal-center a {
	color: #000;
}

.personal-center-menus {
	width: 200px;
	min-height: 300px;
	padding: 30px;
	text-align: center;
	display: inline-block;
	background-color: #fff;
	float: left;
	padding-left: 15px;
	padding-right: 20px;
}

.personal-center-menu {
	color: #000;
	line-height: 40px;
	height: 40px;
	font-size: 16px;
	margin-bottom: 10px;
	cursor: pointer;
}

.personal-center-menu:hover {
	border-radius: 50px;
	background-color: #c5162c;
	color: #fff;
}

.personal-center-menu-active {
	border-radius: 50px;
	background-color: #c5162c;
	color: #fff;
}

.personal-center-menus .user-menu {
	color: #000;
	text-align: left;
	margin: 12px 0;
	line-height: 40px;
	height: 40px;
	font-size: 16px;
	cursor: pointer;
	padding-left: 54px;
	background: 16px 9px url(../img/user-menu-img.png) no-repeat;
	background-size: 22px;
}

.personal-center-menus .user-menu:hover {
	padding-left: 54px;
	background: 16px 9px url(../img/user-menu-img-ext.png) no-repeat, url(../img/user-center-menu-background.png) no-repeat;
	background-size: 22px, 100% 100%;
	color: #fff;
}

.personal-center-menus .user-menu-active {
	padding-left: 54px;
	background: 16px 9px url(../img/user-menu-img-ext.png) no-repeat, url(../img/user-center-menu-background.png) no-repeat;
	background-size: 22px, 100% 100%;
	color: #fff;
}

.personal-center-menus .study-plan-menu {
	color: #000;
	text-align: left;
	line-height: 40px;
	margin: 12px 0;
	height: 40px;
	font-size: 16px;
	cursor: pointer;
	padding-left: 54px;
	background: 16px 9px url(../img/study-plan-menu-img.png) no-repeat;
	background-size: 22px;
}

.personal-center-menus .study-plan-menu:hover {
	padding-left: 54px;
	background: 16px 9px url(../img/study-plan-menu-img-ext.png) no-repeat, url(../img/user-center-menu-background.png) no-repeat;
	background-size: 22px, 100% 100%;
	color: #fff;
}

.personal-center-menus .study-plan-menu-active {
	padding-left: 54px;
	background: 16px 9px url(../img/study-plan-menu-img-ext.png) no-repeat, url(../img/user-center-menu-background.png) no-repeat;
	background-size: 22px, 100% 100%;
	color: #fff;
}

.personal-center-menus .study-history-menu {
	color: #000;
	text-align: left;
	line-height: 40px;
	margin: 12px 0;
	height: 40px;
	font-size: 16px;
	cursor: pointer;
	padding-left: 54px;
	background: 16px 9px url(../img/study-history-menu-img.png) no-repeat;
	background-size: 22px;
}

.personal-center-menus .study-history-menu:hover {
	padding-left: 54px;
	background: 16px 9px url(../img/study-history-menu-img-ext.png) no-repeat, url(../img/user-center-menu-background.png) no-repeat;
	background-size: 22px, 100% 100%;
	color: #fff;
}

.personal-center-menus .study-history-menu-active {
	padding-left: 54px;
	background: 16px 9px url(../img/study-history-menu-img-ext.png) no-repeat, url(../img/user-center-menu-background.png) no-repeat;
	background-size: 22px, 100% 100%;
	color: #fff;
}

.personal-center-menus .my-course-menu {
	color: #000;
	text-align: left;
	line-height: 40px;
	margin: 12px 0;
	height: 40px;
	font-size: 16px;
	cursor: pointer;
	padding-left: 54px;
	background: 16px 9px url(../img/my-course-menu-img.png) no-repeat;
	background-size: 22px;
}

.personal-center-menus .my-course-menu:hover {
	padding-left: 54px;
	background: 16px 9px url(../img/my-course-menu-img-ext.png) no-repeat, url(../img/user-center-menu-background.png) no-repeat;
	background-size: 22px, 100% 100%;
	color: #fff;
}

.personal-center-menus .my-course-menu-active {
	padding-left: 54px;
	background: 16px 9px url(../img/my-course-menu-img-ext.png) no-repeat, url(../img/user-center-menu-background.png) no-repeat;
	background-size: 22px, 100% 100%;
	color: #fff;
}

.personal-center-menus .course-order-menu {
	color: #000;
	text-align: left;
	line-height: 40px;
	margin: 12px 0;
	margin-top: 0px;
	height: 40px;
	font-size: 16px;
	cursor: pointer;
	padding-left: 54px;
	background: 16px 9px url(../img/course-order-menu-img.png) no-repeat;
	background-size: 22px;
}

.personal-center-menus .course-order-menu:hover {
	padding-left: 54px;
	background: 16px 9px url(../img/course-order-menu-img-ext.png) no-repeat, url(../img/user-center-menu-background.png) no-repeat;
	background-size: 22px, 100% 100%;
	color: #fff;
}

.personal-center-menus .course-order-menu-active {
	padding-left: 54px;
	background: 16px 9px url(../img/course-order-menu-img-ext.png) no-repeat, url(../img/user-center-menu-background.png) no-repeat;
	background-size: 22px, 100% 100%;
	color: #fff;
}

.personal-center-menus .my-certificate-menu {
	color: #000;
	text-align: left;
	line-height: 40px;
	margin: 12px 0;
	margin-top: 0px;
	height: 40px;
	font-size: 16px;
	cursor: pointer;
	padding-left: 54px;
	background: 16px 9px url(../img/my-certificate-menu-img.png) no-repeat;
	background-size: 22px;
}

.personal-center-menus .my-certificate-menu:hover {
	padding-left: 54px;
	background: 16px 9px url(../img/my-certificate-menu-img-ext.png) no-repeat, url(../img/user-center-menu-background.png) no-repeat;
	background-size: 22px, 100% 100%;
	color: #fff;
}

.personal-center-menus .my-certificate-menu-active {
	padding-left: 54px;
	background: 16px 9px url(../img/my-certificate-menu-img-ext.png) no-repeat, url(../img/user-center-menu-background.png) no-repeat;
	background-size: 22px, 100% 100%;
	color: #fff;
}

.personal-center-menus .study-certificate-menu {
	color: #000;
	text-align: left;
	line-height: 40px;
	margin: 12px 0;
	margin-top: 0px;
	height: 40px;
	font-size: 16px;
	cursor: pointer;
	padding-left: 54px;
	background: 16px 9px url(../img/study-certificate-menu-img.png) no-repeat;
	background-size: 22px;
}

.personal-center-menus .study-certificate-menu:hover {
	padding-left: 54px;
	background: 16px 9px url(../img/study-certificate-menu-img-ext.png) no-repeat, url(../img/user-center-menu-background.png) no-repeat;
	background-size: 22px, 100% 100%;
	color: #fff;
}

.personal-center-menus .study-certificate-menu-active {
	padding-left: 54px;
	background: 16px 9px url(../img/study-certificate-menu-img-ext.png) no-repeat, url(../img/user-center-menu-background.png) no-repeat;
	background-size: 22px, 100% 100%;
	color: #fff;
}

.personal-center-infos {
	width: 980px;
	min-height: 600px;
	display: inline-block;
	background-color: #fff;
	margin-left: 20px;
}

.personal-center-info-head {
	width: 100%;
	height: 68px;
	line-height: 68px;
}

.personal-center-info-head > p {
	font-size: 18px;
	color: #353535;
	font-weight: 600;
	margin-bottom: 0;
	margin-left: 20px;
}

.personal-center-info-head p > img {
	margin-left: 20px;
	margin-right: 10px;
	position: relative;
	top: -1px;
}

.personal-center-info-head p > img.history {
	margin-left: 5px;
}

.personal-center-info-menus {
	height: 50px;
	line-height: 50px;
	border-bottom: 1px solid #EDEDED;
}

.personal-center-info-menus > ul > li.active > a {
	color: #448bde !important;
}

.personal-center-info-menus .memu-items {
	margin-right: 40px;
	height: 50px;
	display: inline-block;
}

.personal-center-info-menus .memu-items-active {
	color: #C5162C;
	border-bottom: 2px solid #C5162C;
}

.personal-center-info {
	width: 100%;
	min-height: 390px;
	padding-bottom: 20px;
	margin-top: 30px;
}

.personal-center-base {
	width: 600px;
	float: left;
	padding-left: 30px;
	display: inline-block;
}

.personal-center-form-item {
	margin-bottom: 15px;
	clear: both;
	zoom: 1;
}

.personal-center-form-item:after {
	content: '\20';
	clear: both;
	*zoom: 1;
	display: block;
	height: 0;
}

.personal-center-form-label {
	float: left;
	display: block;
	padding: 9px 15px;
	width: 100px;
	font-weight: 400;
	line-height: 20px;
	text-align: right;
}

.personal-center-form-mid {
	float: left;
	display: block;
	padding: 9px 0 !important;
	line-height: 20px;
	margin-right: 10px;
	min-height: 36px;
	color: #999 !important;
}

.personal-center-input-block {
	margin-left: 110px;
	min-height: 36px;
}

.personal-center-input-block .error {
	font-size: 12px;
	color: rgb(209, 50, 43);
	font-weight: normal;
	margin: 0px;
	margin-left: 5px;
}

.personal-center-input-tip {
	margin: 0;
	width: 100%;
	line-height: 22px;
	font-size: 12px;
	color: #888888;
	font-weight: normal;
	margin-top: 2px;
}

.personal-center-input-tip > i {
	margin-right: 3px;
}

.personal-center-input-label {
	font-weight: normal;
	line-height: 36px;
	width: 70px;
	margin: 0;
	position: relative;
}

.personal-center-input-label > span {
	position: absolute;
	left: 30px;
	top: 1px;
}

.personal-center-input-label-radio {
	margin-right: 7px;
}

.personal-center-input {
	display: block;
	width: 100%;
	padding-left: 10px;
	height: 38px;
	line-height: 1.3;
	line-height: 38px \9;
	border-width: 1px;
	border-style: solid;
	background-color: #fff;
	border-radius: 2px;
	outline: 0;
	-webkit-appearance: none;
	transition: all .3s;
	-webkit-transition: all .3s;
	box-sizing: border-box;
	border-color: #e6e6e6;
}

.personal-center-input.new-width {
	width: 60% !important;
	display: inline-block !important;
	margin: 0;
	font-size: 14px !important;
}

.personal-center-form-item .personal-center-input-inline {
	float: left;
	width: 280px;
	margin-right: 10px;
}

.personal-center-btn {
	display: inline-block;
	height: 38px;
	line-height: 38px;
	padding: 0 18px;
	background-color: #448bde;
	color: #fff;
	white-space: nowrap;
	text-align: center;
	font-size: 14px;
	border: none;
	border-radius: 2px;
	cursor: pointer;
	outline: 0;
	-webkit-appearance: none;
	transition: all .3s;
	-webkit-transition: all .3s;
	box-sizing: border-box;
	vertical-align: middle;
}

.personal-center-btn.disabled {
	background-color: #aaaaaa;
}

.personal-center-checkcode-img {
	width: 100px;
	height: 38px;
	cursor: pointer;
}

.personal-center-col-width {
	width: 100%;
	padding-left: 0;
	padding-right: 0;
}

.personal-center-base .personal-center-form-label {
	width: 100px !important;
}

.personal-center-base .loginName {
	margin-left: 10px;
}

.personal-center-base .loginButton {
	width: 280px !important;
	text-align: center;
	background-color: #448bde;
}

.personal-center-base .loginButton:hover {
	background-color: #307bd2;
}

.personal-center-base .base-input-line {
	margin-left: 10px;
}

.personal-center-base .personal-center-form-radio > i:hover, .personal-center-form-radioed > i {
	color: #448bde !important;
}

.personal-center-base .personal-center-btn:hover {
	opacity: 1;
	filter: alpha(opacity=80);
	color: #fff;
}

.personal-center-base-label {
	font-size: 14px !important;
	color: #888;
	font-weight: 500;
}

.personal-center-base-btn {
	width: 100%;
	color: #fff;
	background-color: #448bde;
	outline: none;
	display: inline-block;
	padding: 6px 12px;
	margin-bottom: 0;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.42857143;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-image: none;
	border: 1px solid transparent;
	border-radius: 4px;
}

.personal-center-base-btn:hover {
	background-color: #307bd2;
}

.personal-center-imgs {
	width: 370px;
	display: inline-block;
}

.personal-center-img {
	text-align: center;
	margin-top: 10px;
	margin-bottom: 20px;
}

.personal-center-img > img {
	width: 188px;
	height: 186px;
	border-radius: 4px;
}

.personal-center-img-btn {
	width: 150px;
	margin: auto;
}

.personal-center-img-btn-bind {
	outline: none;
	width: 100%;
	color: #fff;
	background-color: #9fa8b3;
	display: inline-block;
	padding: 6px 12px;
	margin-bottom: 0;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.42857143;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-image: none;
	border: 1px solid transparent;
	border-radius: 4px;
}

.personal-center-img-btn-bind:hover {
	background-color: #7c8999;
}

.personal-center-layer-open {
	height: auto
}

.layui-layer-btn .layui-layer-btn0 {
	background-color: #488ddb !important;
	height: 35px;
	line-height: 35px;
	border-radius: 4px;
}

.layui-layer-btn .layui-layer-btn1 {
	background-color: #fff !important;
	height: 35px;
	line-height: 35px;
	border-radius: 4px;
}

.personal-center-resetPwd {
	width: 700px;
	margin: auto;
	margin-top: 40px;
}

.personal-center-security {
	height: 110px;
	border-bottom: 1px solid #ededed;
}

.personal-center-security-img {
	line-height: 110px;
	width: 90px;
	display: inline-block;
	padding-left: 26px;
	padding-right: 26px;
	float: left;
}

.personal-center-security-text {
	width: 700px;
	display: inline-block;
	height: 110px;
	float: left;
}

.personal-center-security-text .setting-Line {
	margin-top: 31px;
	width: 100%;
	height: 25px;
}

.setting-Line .password {
	font-size: 16px;
	color: #000;
	font-weight: 600;
	height: 25px;
	margin-bottom: 0;
	display: inline-block;
}

.setting-Line .is-setting {
	display: inline-block;
	margin: 0;
	font-size: 14px;
	color: #111;
	font-weight: 500;
	margin-left: 10px;
}

.personal-center-security-text .desc-Line {
	margin-top: 5px;
	font-size: 14px;
	color: #888;
}

.personal-center-security-button {
	width: 160px;
	display: inline-block;
	height: 110px;
	line-height: 110px;
	float: left;
}

.personal-center-security-button .security-btn {
	width: 70px;
	float: right;
	margin-right: 20px;
	margin-top: 38px;
}

.personal-center-security-button .contact-us-btn {
	width: 100px;
}

.personal-center-info-head-task {
	margin-left: 15px;
	margin-right: 15px;
	border-bottom: 1.5px solid #f8f8f8;
}

.personal-center-infos .task {
	margin: 0;
}

.personal-center-info > ul {
	width: 100%;
	height: auto;
}

.personal-center-info > ul li {
	height: 130px;
	border-bottom: 1.5px solid #f8f8f8;
}

.personal-center-info > ul li:hover {
	background-color: #f8f8f8;
}

.task-center-leftimg {
	float: left;
	height: 130px;
	width: 110px;
}

.task-center-leftimg > img {
	width: 50px;
	margin: 0 30px;
	margin-top: 30px;
}

.task-center-info {
	float: left;
	height: 130px;
	line-height: 130px;
	max-width: 700px;
}

.task-center-study-plan {
	height: 55px;
	line-height: 25px;
	margin: 0;
	padding-top: 30px;
	color: #000;
	font-size: 16px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}

.task-center-study-plan.hover-click:hover {
	cursor: pointer;
	color: #448bde;
}

.study-plan-detail .study-plan-name-no-hover:hover {
	cursor: unset !important;
	color: #000 !important;
}

.study-plan-detail .study-plan-name:hover {
	cursor: unset !important;
}

.task-center-study-org {
	height: 25px;
	line-height: 25px;
	color: #5c5c5c;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}

.task-center-study-org:hover {
	cursor: pointer;
	color: #448bde;
}

.task-center-study-speed {
	height: 25px;
	line-height: 25px;
	color: #a5a5a5;
}

.task-center-study-speed > span {
	margin-right: 30px;
}

.task-center-study-speed .time-info {
	background: 0 2px url(../img/study-time.png) no-repeat;
	padding-left: 28px;
	background-size: 16px;
}

.task-center-study-speed .speed0 {
	background: url(../img/speed0.png) no-repeat left;
	padding-left: 30px;
}

.task-center-study-speed .speed0-33 {
	background: url(../img/speed0-33.png) no-repeat left;
	padding-left: 30px;
}

.task-center-study-speed .speed34-66 {
	background: url(../img/speed34-66.png) no-repeat left;
	padding-left: 30px;
}

.task-center-study-speed .speed67-99 {
	background: url(../img/speed67-99.png) no-repeat left;
	padding-left: 30px;
}

.task-center-study-speed .speed100 {
	background: url(../img/speed100.png) no-repeat left;
	padding-left: 30px;
}

.task-center-button {
	float: right;
	height: 130px;
	line-height: 130px;
	width: 170px;
}

.task-center-button > input {
	width: 120px;
	height: 40px;
	line-height: 36px;
	background-color: #fff;
	border: 1.1px solid #448bde;
	border-radius: 4px;
	color: #448bde;
	font-weight: 500;
	outline: none;
	margin-left: 30px;
}

.personal-center-nav > li > a {
	padding-left: 40px;
	padding-right: 40px;
}

.task-center-background {
	background-color: #f4f4f4;
}

.task-center-background .task-center-head-title {
	color: #434343;
	font-size: 18px;
	width: 100%;
	margin-bottom: 20px;
	padding-left: 10px;
}

.task-center-background .task-center-head-tab {
	min-height: 50px;
	background-color: #fff;
	margin-bottom: 20px;
}

.task-center-background .task-center-head-tab .tab-item {
	color: #000;
	font-size: 14px;
	height: 50px;
	line-height: 50px;
	margin: 0 20px;
	display: inline-block;
	cursor: pointer;
}

.task-center-background .task-center-head-tab .tab-item-active {
	color: #C5162C;
	border-bottom: 2px solid #C5162C;

}

.task-center-background .task-center-list {
	width: 100%;
	height: auto;
}

.task-center-background .task-center-list > ul {
	width: 100%;
	height: auto;
}

.task-center-background .task-center-list > ul li {
	height: 130px;
	border-bottom: 1.5px solid #f8f8f8;
	background-color: #fff;
	margin-bottom: 10px;
}

.task-center-background .task-center-list .task-center-leftimg {
	float: left;
	height: 130px;
	width: 110px;
}

.task-center-background .task-center-list .task-center-info {
	float: left;
	height: 130px;
	line-height: 130px;
	max-width: 920px;
}

.task-center-background .task-center-list .task-center-button {
	float: right;
	height: 130px;
	line-height: 130px;
	width: 170px;
}

.task-center-background .task-center-exam > ul li {
	height: 120px;
	border-bottom: 1.5px solid #f8f8f8;
	background-color: #fff;
	margin-bottom: 10px;
}

.task-center-background .task-center-exam .task-center-leftimg {
	float: left;
	height: 120px;
	width: 110px;
}

.task-center-background .task-center-exam .task-center-info {
	float: left;
	height: 120px;
	line-height: 120px;
	max-width: 920px;
}

.task-center-background .task-center-exam .task-center-button {
	float: right;
	height: 120px;
	line-height: 120px;
	width: 170px;
}

.task-center-background .task-center-exam .exam-time-info {
	margin-top: 5px;
}

.task-center-background .personal-center {
	width: 100%;
	min-height: 700px;
	padding-top: 30px;
	padding-bottom: 0px;
}

.task-center-background .task-center-list-page {
	width: 100%;
	height: auto;
	padding-bottom: 30px;
	padding-top: 10px;
}

.task-center-msg-point {
	color: #fff;
	display: none;
	background: #C5162C;
	border-radius: 50px;
	height: 15px;
	line-height: 15px;
	position: relative;
	right: 17px;
	top: -8px;
	font-size: 12px;
	font-style: normal;
	text-align: center;
	padding: 0 4px;
}

.task-center-tips {
	background-color: #fffbd6;
	color:#1c1c1c;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 14px;
	vertical-align: middle;
}

.task-center-tips>img{
	width:14px;
	height:14px;
	margin-right: 5px;
	margin-top:-3px;
}

.task-center-tips > span {
	color: #fd7100;
}
/* 计划详情 */
.study-plan-head {
	margin: 0;
	margin-left: 15px;
	margin-bottom: 20px;
}

.study-plan-detail {
	padding-bottom: 40px;
	background: #f4f4f4;
	width: 100%;
}

.study-plan-detail .task-center-button {
	height: 100px;
	line-height: 100px
}

.study-plan-detail .task-center-info {
	height: 100px;
	line-height: 100px;
}

.study-plan-detail .task-center-study-plan {
	font-size: 14px;
}

.study-plan-detail .task-center-study-speed {
	line-height: 25px;
}

.study-plan-detail-title .task-center-study-plan {
	font-size: 16px;
	margin-left: 5px;
}

.task-center-button > input:hover {
	background-color: #448bde;
	color: #fff;
}

.task-center-button-narrow {
	width: 130px;
}

.task-center-button-narrow > input {
	width: 80px;
}

.study-plan-detail-title {
	background-color: #fff;
	padding: 15px;
}

.study-plan-detail-title > p {
	font-size: 18px !important;
	margin: 0px;
	line-height: 50px;
}

.study-plan-detail-title > p > img {
	margin-left: 10px;
	width: 24px;
	position: relative;
	top: -2px;
	cursor: pointer;
}

.study-plan-detail-date img {
	margin: 0px 5px;
}

.study-plan-detail-content {
	width: 100%;
	height: 100%;
	background-color: #fff;
	min-height: 50px !important;
	padding-bottom: 0px;
}

.study-plan-detail-content > ul li:hover {
	background-color: #fff !important;
}

.study-plan-detail-item-title {
	height: 60px;
	background: #f2f8ff;
	border-top: 1px solid #EBEBEB;
}

.study-plan-detail-item-title p {
	font-size: 16px;
	padding: 0px 20px;
	line-height: 60px;
	color: #000;
	cursor: pointer;
}

.study-plan-detail-li-title-img {
	float: left;
	line-height: 100px;
	margin-left: 25px;
}

.study-plan-detail-li-title-img > img {
	width: 24px;
	position: relative;
	top: -10px;
}

.study-plan-detail-li-content {
	margin-left: 15px;
	max-width: 1006px !important;
}

.study-plan-detail .personal-center-info > ul li {
	height: 100px;
	border-bottom: 1px dashed #F2F2F3;
}

.study-plan-detail .personal-center-info > ul li:last-child {
	border-bottom: 0px;
}

.study-history {
	width: 100%;
	min-height: 390px;
	padding-bottom: 20px;
	margin: 0;
	margin-top: 10px;
}

.study-history > ul {
	width: 100%;
	height: auto;
}

.study-history > ul > li {
	width: 100%;
	height: auto;
}

.study-history-line {
	padding-top: 12px;
	padding-left: 30px;
	padding-right: 20px;
}

.study-history-line li {
	height: 100px;
	width: 100%;
	cursor: pointer;
}

.study-history-line li:hover .study-history-study-k {
	color: #6fa0da;
}

.study-history-studyDate {
	display: inline-block;
	width: 130px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	color: #000;
	font-size: 14px;
	background-color: #ffe1e1;
	border-radius: 4px;
}

.study-history-leftimg {
	float: left;
	height: 100px;
	width: 110px;
	text-align: center;
}

.study-history-leftimg .point {
	margin-right: 15px;
	margin-top: 20px;
}

.study-history-leftimg .course {
	margin-top: 20px;
}

.study-history-info {
	height: 100px;
	margin-left: 110px;
	border-bottom: 1px solid #ededed;
}

.study-history-study-k {
	height: 40px;
	line-height: 25px;
	margin: 0;
	padding-top: 15px;
	color: #000;
	font-size: 16px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}

.study-history-study-course {
	height: 20px;
	margin-bottom: 30px;
	margin-top: 10px;
	color: #8f989f;
	font-size: 14px;
}

.study-history-study-course .name {
	background: url(../img/course.png) no-repeat left;
	padding-left: 25px;
	background-size: 15px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}

.study-history-study-course .long {
	float: right;
	margin-right: 18px;
}

.reload-more {
	color: #8f989f;
	text-align: center;
	margin-top: 30px;
	margin-bottom: 10px;
}

.reload-more > span {
	cursor: pointer;
}

.my-order-head {
	height: 60px !important;
	line-height: 60px !important;
}

.my-order-head > p {
	font-size: 16px !important;
	font-weight: normal !important;
	padding-left: 20px;
}

.my-order {
	width: 100%;
	min-height: 390px;
	padding-bottom: 20px;
	margin: 0;
}

.my-order-lists > li {
	border: 1px solid #EDEDED;
	margin-bottom: 20px;
	display: inline-block;
	width: 100%;
}

.my-order-lists > li:last-child {
	margin-bottom: 0px;
}

.my-order-instName {
	height: 40px;
	background: #f5f5f5;
	line-height: 40px;
}

.my-order-instName > img {
	float: left;
	width: 26px;
	height: 26px;
	margin: 7px 18px;
}

.my-order-instName > p {
	font-size: 16px;
	color: #000;
	margin: 0px;
}

.my-order-infos {
	padding: 18px;
	display: inline-block;
}

.my-order-infos-left {
	width: 160px;
	height: 90px;
	margin-right: 10px;
	float: left;
}

.my-order-infos-left > img {
	height: 100%;
	cursor: pointer;
	border-radius: 4px;
}

.my-order-infos-right {
	height: 90px;
	width: 724px;
	margin-left: 170px;
}

.my-order-infos-right > p {
	font-size: 16px;
	color: #000;
	line-height: 23px;
	margin: 0px;
	margin-bottom: 8px;
	cursor: pointer;
	min-height: 23px;
}

.my-order-infos-right > p:hover {
	color: #448BDE;
}

.my-order-infos-right > span {
	font-size: 18px;
	color: #F2540C;
	display: inline-block;
}

.my-order-infos-time {
	font-size: 14px;
	height: 23px;
	line-height: 23px;
	margin-top: 8px;
}

.my-order-infos-time .end {
	float: left;
	margin: 0px;
	margin-left: 10px;
}

.my-order-infos-time .start {
	float: left;
	color: #b9b9b9;
	margin: 0px;
}

.my-class {
	width: 100%;
	min-height: 390px;
	padding-bottom: 20px;
	margin: 0;
}

.my-class-list > li {
	border-bottom: 1px solid #EDEDED;
	display: inline-block;
	width: 100%;
	padding: 35px;
	padding-left: 35px;
	padding-right: 15px;
}

.my-class-list > li:hover {
	background-color: #f8f8f8;
}

.my-class-infos-right > p:hover {
	color: #448BDE;
	cursor: pointer;
}

.my-class-infos {
	display: inline-block;
}

.my-class-infos-left {
	width: 160px;
	height: 90px;
	margin-right: 10px;
	float: left;
}

.my-class-infos-left > img {
	height: 100%;
	cursor: pointer;
	border-radius: 4px;
}

.my-class-infos-right {
	height: 90px;
	max-width: 795px;
	margin-left: 170px;
}

.my-class-infos-right > p {
	font-size: 16px;
	color: #000;
	line-height: 25px;
	margin: 0px;
	cursor: pointer;
	min-height: 46px;
}

.my-class-infos-right > p:hover {
	color: #448BDE;
}

.my-class-infos-right > span {
	font-size: 18px;
	color: #F2540C;
	display: inline-block;
}

.my-class-infos-time {
	font-size: 14px;
	height: 23px;
	line-height: 23px;
	margin-top: 8px;
}

.my-class-infos-time .end {
	float: left;
	margin: 0px;
	margin-left: 10px;
}

.my-class-infos-time .start {
	float: left;
	color: #b9b9b9;
	margin: 0px;
}

/*个人信息结束*/
.videotext-tag-content {
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 30px;
}

.videotext-tag-title {
	margin: 0;
	color: #fff;
	width: 145px;
	height: 50px;
	line-height: 42px;
	background-size: 145px 50px;
	background: url(../img/intro-back.png) no-repeat;
	padding-top: 8px;
	padding-left: 30px;
	font-size: 18px;
}

.videotext-teacher-item {
	display: inline-block;
	vertical-align: top;
	box-sizing: border-box;
	width: 100%;
	margin-top: 20px;
	line-height: 24px;
	margin-bottom: 20px;
	color: #5f5f5f;
}

.videotext-teacher-item .img-left, .videotext-teacher-item .img-left img {
	width: 100px;
	height: 100px;
	border-radius: 50%;
}

.videotext-teacher-item .img-left {
	float: left;
	margin-right: 20px;
}

.videotext-teacher-item h4 {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	word-wrap: normal;
	margin-top: 0px;
	margin-bottom: 15px;
}

.videotext-teacher-item .text-name {
	color: #353535;
	font-size: 18px;
}

.videotext-teacher-item .text-name:hover {
	color: #448bde;
}

.videotext-teacher-item .text-intro {
	white-space: normal;
	word-wrap: break-word;
	word-break: break-all;
	color: #5f5f5f;
}

.videotext-teacher-item .item-right {
	margin-left: 120px;
}

/*机构开始*/
.banner-org {
	width: 1200px;
	height: 302px;
	margin: auto;
	z-index: 5;
	text-align: center;
}

.banner-div {
	width: 1200px;
	height: 302px;
}

.banner-org img {
	height: 100%;
}

.banner-point {
	float: right;
	width: auto !important;
	left: 700px !important;
	bottom: 20px !important;
}

.org-info-items {
	position: relative;
	top: -89px;
	color: #fff;
	z-index: 100;
}

.org-logo {
	float: left;
	margin-left: 20px;
	position: absolute;
	top: -8px;
}

.org-catalog-logimg {
	position: relative;
	height: 150px !important;
	width: 150px !important;
	background-color: #fff;
	z-index: 10;
}

.org-info {
	margin-left: 190px;
	padding-bottom: 16px;
	color: #fff;
}

.org-info-name {
	text-align: left;
	font-size: 28px;
	margin: 0;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	padding-right: 10px;
}

.org-info-infos {
	text-align: left;
	font-size: 14px;
	margin-top: 13px;
}

.org-info-infos > span {
	margin-right: 20px;
}

.org-catalog {
	height: 53px;
	width: 1200px;
	margin: auto;
	z-index: 10;
	margin-bottom: 45px;
	border-bottom: 1px solid #ededed;
	text-align: center;
}

.org-catalog-leftdiv {
	width: 190px;
	height: 53px;
	float: left;
	background: #fff;
}

.org-catalog-list {
	display: inline-block;
	position: relative;
	left: -75px;
}

.org-catalog-item {
	display: inline-block;
	padding: 13px 45px 13px 45px;
	font-size: 16px;
	cursor: pointer;
	color: #353535;
	height: 53px;
	border-bottom: 3px solid transparent;
}

.org-catalog-item:hover {
	color: #C5162C;
}

.org-catalog-item.active {
	color: #C5162C;
	border-bottom: 3px solid #C5162C;
}

.teacher-list-margin {
	margin-top: 30px;
}

.about-list {
	margin-top: 30px;
	width: 100%;
	height: auto;
	padding-bottom: 200px;
}

.about-list > h2 {
	font-size: 20px;
	line-height: 31px;
	width: 100%;
	color: #000;
	margin-bottom: 20px;
}

.about-list h2 > img {
	height: 20px;
	margin-right: 10px;
	float: left;
	margin-top: 6px;
}

.org-desc {
	margin-bottom: 30px;
	text-indent: 25px;
	color: #a8a8a8;
	line-height: 22px;
	font-size: 14px;
}

.org-contact {
	margin-bottom: 30px;
	color: #a8a8a8;
	font-size: 14px;
	min-height: 60px;
	border: 1px dashed;
}

.org-contact > div {
	margin-left: 20px;
	line-height: 60px;
}

.org-contact > div > span {
	margin-right: 30px;
}

.org-list {
	height: auto;
	margin-top: 30px;
	padding-bottom: 30px;
}

.org-list > div > li {
	min-height: 200px;
	margin-top: 20px;
	border-bottom: 1px solid #ededed;
	padding-bottom: 30px;
	display: flex;
}

.org-list-left {
	width: 320px;
	height: 210px;
	display: inline-block;
	margin-right: 20px;
	float: left;
	cursor: pointer;
}

.org-list-left > img {
	width: 100%;
	height: 100%;
	border-radius: 4px;
}

.org-list-left > img:hover {
	transform: scale(0.99);
}

.org-list-right {
	width: 880px;
	min-height: 210px;
}

.org-list-name {
	height: 60px;
}

.org-list-name .logo {
	width: 60px;
	height: 60px;
	margin-right: 15px;
	float: left;
}

.org-list-name .logo > img {
	width: 100%;
	height: 100%;
}

.org-list-name .name {
	height: 60px;
	margin-left: 75px;
}

.org-list-name .name > p {
	margin: 0;
	font-size: 18px;
	color: #000;
	font-weight: 600;
	margin-bottom: 10px;
	cursor: pointer;
	display: inline-block;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
}

.org-list-name .name > p:hover {
	color: #448bde;
}

.org-list-name .name > div {
	color: #448BDE;
	font-size: 16px;
}

.org-list-name .name > div > span {
	color: #448bde;
}

.org-list-desc {
	margin-top: 10px;
	color: #505050;
	line-height: 30px;
	font-size: 14px;
}

.org-list-contact {
	margin-top: 10px;
	min-height: 60px;
}

.org-list-contact > p {
	margin: 0;
	font-size: 16px;
	color: #000;
	line-height: 25px;
	height: 25px;
	margin-bottom: 8px;
}

.org-list-contact > div {
	color: #a8a8a8;
	line-height: 22px;
	font-size: 14px;
	line-height: 35px;
	height: 35px;
}

.org-list-contact > div > p {
	float: left;
	margin-right: 40px;
	margin-bottom: 0;
}

.org-list-contact > div .name {
	background: url(../img/people.png) no-repeat 0px center;
	padding-left: 25px;
}

.org-list-contact > div .phone {
	background: url(../img/phone.png) no-repeat 0px center;
	padding-left: 25px;
}

.org-list-contact > div .tel {
	background: url(../img/hot.png) no-repeat 0px center;
	padding-left: 25px;
}

.org-list-contact > div .qq {
	background: url(../img/QQ.png) no-repeat 0px center;
	padding-left: 25px;
}

/*机构结束*/

/*swiper 样式重写*/
.swiper-button-prev.swiper-button-disabled {
	pointer-events: auto !important;
	cursor: pointer !important;
}

.swiper-button-next.swiper-button-disabled {
	pointer-events: auto !important;
	cursor: pointer !important;
}

/* 搜索结果-start */
.result-bar {
	padding-top: 20px;
	display: none;
}

.kw-outer {
	border: 1px #e85308 dotted;
	line-height: 24px;
	padding: 0 26px 0 8px;
	position: relative;
}

.rs-outer {
	height: 26px;
	line-height: 26px;
	margin-left: 20px;
}

.kw-outer, .rs-outer {
	float: left;
}

.result-bar .bold {
	color: #e85308;
	font-style: normal;
}

.btn-clear {
	position: absolute;
	top: 0;
	right: 0;
	width: 20px;
	font-size: 16px;
	text-align: center;
	color: #e85308;
}

/* 搜索结果-end */
/*考试相关开始*/
.exam-index-list {
	padding-top: 20px;
	padding-bottom: 20px;
	margin-bottom: 0px;
	min-height: 559px;
}

.exam-card-breadcrumb {
	width: 100%;
	margin-top: 2px;
	padding: 14px 15px;
	font-size: 14px;
	height: 58px;
	border: 1px solid #fff;
	margin-bottom: 15px;
	background-color: #fff;
}

.exam-card-breadcrumb dd a {
	float: left;
	line-height: 30px;
	color: #434343;
	padding-left: 10px;
	padding-right: 10px;
	margin-right: 15px;
	border-radius: 4px;
}

.exam-card-breadcrumb dd .active {
	background-color: #C5162C;
	color: #fff;
}

.exam-card-breadcrumb dd a:hover {
	background-color: #C5162C;
	color: #fff;
}

.exam-item {
	background: #fff;
	padding: 0px 20px 15px 20px;
	cursor: pointer;
	margin-bottom: 15px;
	position: relative;
}

.exam-item:last-child {
	margin-bottom: 0px;
}

.exam-item-title {
	line-height: 60px;
	border-bottom: 1px dashed #eaecee;
	overflow: hidden;
}

.exam-title-title {
	display: inline-block;
	font-size: 18px;
	font-weight: bold;
	text-indent: 20px;
	height: 60px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	max-width: 1060px;
	float: left;
	color: #3c3c3c;
	background: url(../img/exam-title-arrow.png) no-repeat left;
}

.exam-title-out-date {
	display: inline-block;
	width: 50px;
	height: 20px;
	line-height: 20px;
	margin-left: 15px;
	color: #cbcbcb;
	background-color: #ededed;
	border-radius: 2px;
	text-align: center;
	font-size: 10px;
}

.exam-title-not-started {
	display: inline-block;
	width: 50px;
	height: 20px;
	line-height: 20px;
	margin-left: 15px;
	color: #26a639;
	background-color: #ebfdec;
	border-radius: 2px;
	text-align: center;
	font-size: 10px;
}

.exam-item-desc {
	padding-top: 10px;
}

.exam-item-desc li {
	list-style-type: disc;
	margin-left: 15px;
	color: #959595;
	line-height: 25px;
}

.exam-item-timeLimit {
	display: inline-block;
	margin-right: 50px;
}

.exam-list-tag {
	position: absolute;
	width: 80px;
	top: 70px;
	right: 70px;
}

.exam-detail-index-inner {
	padding: 20px 0px;
}

.exam-detail-inner {
	padding: 20px 40px 40px 40px;
	background: #fff;
	margin: 20px 0px;
	position: relative;
}

.exam-detail-head {
	height: 60px;
	line-height: 60px;
	overflow: hidden;
	position: relative;
}

.exam-detail-head-img {
	position: absolute;
	top: 50px;
	width: 70px;
	height: 70px;
	left: calc(50% - 35px);
}

.exam-detail-title {
	font-size: 24px;
	line-height: 60px;
	display: inline-block;
	float: left;
	max-width: 920px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.exam-detail-title-btn {
	display: inline-block;
	width: 120px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	background: #c5162c;
	font-size: 16px;
	color: #fff;
	float: right;
	border-radius: 5px;
	margin-top: 10px;
	cursor: pointer;
}

.exam-detail-title-btn:hover {
	background: #b20e1a;
}

.exam-detail-table {
	color: #9d9d9d;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	line-height: 60px;
	font-size: 14px;
	text-align: center;
	margin-top: 20px;
	overflow: hidden;
}

.exam-detail-table-item {
	width: 33.3%;
	display: inline-block;
	border: 1px solid #ebebeb;
	border-left: 0px;
	float: left;
}

.exam-detail-table-item:nth-child(3n+0) {
	border-right: 0px;
}

.exam-detail-table-item:nth-child(-n+3) {
	border-bottom: 0px;
}

.exam-detail-table-item span {
	font-size: 16px;
	color: #000;
}

.exam-detail-time {
	border-bottom: 1px solid #ebebeb;
	line-height: 30px;
	padding: 15px 0px;
	font-size: 14px;
	color: #9d9d9d;
	overflow: hidden;
	position: relative;
}

.exam-detail-desc {
	border-bottom: 1px solid #ebebeb;
	line-height: 30px;
	padding: 15px 0px;
	font-size: 14px;
	color: #9d9d9d;
	overflow: hidden;
	position: relative;
}

.exam-detail-desc-title {
	display: inline-block;
	float: left;
	position: absolute;
	top: 15px;
	left: 0;
	width: 60px;
}

.exam-detail-desc-text {
	display: inline-block;
	font-size: 16px;
	color: #000;
	margin-left: 70px;
	overflow: hidden;
}

.exam-detail-history {
	margin-top: 20px;
}

.exam-detail-history-head-img {
	margin-right: 15px;
	width: 24px;
	margin-top: -3px;
}

.exam-detail-history-head {
	background-color: #f8f8f8;
	border-top: 1px solid #ebebeb;
	height: 60px;
	line-height: 60px;
	font-size: 16px;
	text-indent: 15px;
	font-weight: 600;
}

.exam-detail-history-table {
	line-height: 60px;
	text-align: center;
	color: #9d9d9d;
	overflow: hidden;
	border: 1px solid #ebebeb;
	padding-left: 20px;
	padding-right: 20px;
}

.exam-detail-history-table-title {
	width: 25%;
	color: #000;
	display: inline-block;
	float: left;
	font-weight: 600;
}

.exam-detail-history-table-item {
	width: 25%;
	display: inline-block;
	float: left;
	font-weight: 600;
	height: 60px;
}

.exam-detail-history-table-tr {
	overflow: hidden;
	border-bottom: 1px dashed #ebebeb;
}

.exam-detail-history-table-tr:last-child {
	border-bottom: 0;
}

.exam-detail-history-table-item a {
	color: #9d9d9d;
	text-decoration: none;
	background: url("../img/exam-more-link.png") no-repeat right;
	width: 90px;
	display: inline-block;
}

.exam-detail-history-table-item a:hover {
	color: #c5162c;
	text-decoration: none;
	background: url("../img/exam-more-link-active.png") no-repeat right;
}

.exam-detail-history-pass {
	display: inline-block;
	width: 80px;
	height: 35px;
	line-height: 35px;
	background: #f2ffef;
	color: #26900d;
	border-radius: 3px;
}

.exam-detail-history-no-pass {
	display: inline-block;
	width: 80px;
	height: 35px;
	line-height: 35px;
	background: #fffbef;
	color: #f87b00;
	border-radius: 3px;
}

.exam-result-inner {
	margin: 0 auto;
	position: relative;
	width: 1200px;
	padding: 20px 0px 40px 0px;
}

.exam-result-head {
	padding: 20px 40px;
	font-size: 22px;
	line-height: 40px;
	background: #fff;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.exam-result-head > img {
	height: 18px;
	margin-top: -5px;
}

.exam-result-bg {
	background: url("../img/exam-result-bg.png") no-repeat bottom;
	width: 1200px;
	height: 559px;
	padding-top: 40px;
}

.exam-result-content {
	margin: 0px auto;
	width: 658px;
	border-radius: 10px;
	background: #fff;
	padding: 30px 40px;
}

.exam-result-content-head {
	position: relative;
}

.exam-result-content-marking {
	height: 90px;
	margin-left: 185px;
	margin-top: -45px;
	margin-right: 20px;
}

.exam-result-content-head-title {
	display: inline-block;
	font-size: 20px;
	height: 80px;
	line-height: 30px;
}

.exam-result-content-head-title > p {
	margin: 0;
}

.exam-result-content-middle {
	padding: 5px 0px 20px 0px;
	width: 100%;
	text-align: center;
	border-bottom: 1px solid #e4e4e4;
}

.exam-result-desc {
	font-size: 18px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.exam-result-time {
	color: #9d9d9d;
	display: block;
	padding-top: 5px;
	margin-bottom: 20px;
}

.exam-result-analyse-btn {
	display: inline-block;
	margin-right: 15px;
	margin-right: 15px;
	width: 160px;
	height: 45px;
	border: 1px solid #c5162c;
	color: #c5162c;
	border-radius: 6px;
	line-height: 45px;
	text-align: center;
}

.exam-result-exam-btn {
	display: inline-block;
	margin-left: 15px;
	margin-right: 15px;
	width: 160px;
	height: 45px;
	background: #c5162c;
	color: #fff;
	border-radius: 6px;
	line-height: 45px;
	text-align: center;
}

.exam-result-analyse-btn:hover {
	background: #ffe9ec;
	cursor: pointer;
}

.exam-result-exam-btn:hover {
	background: #b20e1a;
	cursor: pointer;
}

.exam-result-content-bottom {
	padding-top: 15px;
	text-align: center;
	overflow: hidden;
}

.exam-result-label {
	display: inline-block;
	float: left;
}

.exam-one-part {
	width: 100%
}

.exam-two-part {
	width: 49.5%;
}

.exam-three-part {
	width: 33.3%;
}

.exam-result-label:nth-child(n+2) {
	border-left: 1px solid #e4e4e4;
}

.exam-result-label-result {
	font-size: 18px;
	font-weight: bold;
}

.exam-result-label-title {
	margin-top: 10px;
	color: #9d9d9d;
	display: block;
}

.exam-result-content-head-score {
	text-align: center;
	font-size: 32px;
	font-weight: bold;
}


.exam-result-object-score {
	font-size: 18px;
	font-weight: 500;
	margin-left: 10px;
}


.exam-result-content-head-img {
	height: 80px;
	position: absolute;
	top: -5px;
	right: 50px;
}

/*考试相关结束*/
.error-msg {
	padding-top: 78px;
	text-align: center;
	line-height: 1.4;
	min-height: 100%;
}

.error-msg__icon-area {
	margin-bottom: 32px;
}

.error-msg__text-area {
	margin-bottom: 32px;
	padding: 0 32px;
	line-height: 1.6;
}

.error-msg__extra-area, .error-msg__tips {
	font-size: 16px;
	color: #999;
}

/*考试开始*/
.exam-center-background {
	width: 1200px;
	margin: auto;
	height: 100%;
	position: relative;
}

.exam-left-content {
	position: absolute;
	top: 20px;
	left: 0;
	width: 830px;
	margin-bottom: 15px;
}

.exam-right-content {
	position: fixed;
	top: 20px;
	width: 330px;
	margin-left: 870px;
	height: calc(100% - 50px);
}

.exam-left-block {
	background-color: #fff;
	min-height: 100px;
	width: 100%;
	margin-bottom: 15px;
	border: 1px solid #e8e8e8;
}

.exam-title {
	font-size: 20px;
	text-align: center;
	padding: 25px;
	color: #000;
}

.exam-infos {
	padding-bottom: 15px;
	font-size: 12px;
	color: #a2a2a2;
	padding-left: 25px;
	padding-right: 25px;
}

.exam-infos-line {
	line-height: 25px;
	height: 25px;
}

.exam-infos-line .first-line-span {
	width: 25%;
	display: inline-block;
	float: left;
}

.exam-infos-line .second-line-span {
	width: 50%;
	display: inline-block;
	float: left;
}

.exam-content-head {
	padding: 15px 25px;
	background-color: #fff6f6;
	font-size: 16px;
	color: #000;
	border-bottom: 1px solid #e8e8e8;
}

.exam-content-list {
	height: auto;
	margin: 25px;
}


.exam-content-title-text {
	width: 725px;
	display: inline-block;
}

.exam-content-list{
	word-break:break-all;
}


.exam-content-list > li {
	width: 100%;
	min-height: 100px;
	border-bottom: 1px solid #e8e8e8;
	margin-top: 25px;
}

.exam-content-list > li:last-child {
	border-bottom: 0;
}

.exam-content-title > p {
	color: #000;
	font-size: 14px;
	line-height: 25px;
/*	width: 745px;
	margin-right: 14px !important;
	display: inline-block;
	cursor: pointer;*/
}

.exam-content-index {
	color: #c5162c;
}

.exam-content-title > img {
	float: right;
	width: 16px;
	height: 16px;
	margin-top: 2.8px;
	cursor: pointer;
}

.exam-content-ques-type {
	margin-left: 5px !important;
	margin-right: 5px !important;
	color: #898989 !important;
}

.exam-content-items {
	margin-left: 20px;
	margin-bottom: 25px;
}

.exam-content-items > li {
	min-height: 30px;
	line-height: 30px;
	color: #000;
	font-size: 14px;
	margin-top: 12px;
}

.exam-content-items > li > span, .exam-content-items > li > label {
	line-height: 30px;
	display: inline-block;
	margin-left: 10px;
	width: 720px;
	font-weight: 400;
	margin-bottom: 0px;
	cursor: pointer;
}

.exam-content-items > li .exam-input {
	float: left;
	position: relative;
	bottom: 2px;
}

.exam-center-answer {
	width: auto;
	height: auto;
	padding-bottom: 30px;
}

.exam-center-answer-span {
	font-size: 14px;
	color: #a2a2a2;
	display: inline-block;
	margin: 7px 0;
	padding-left: 20px;
}

.exam-center-answer-text {
	margin-left: 20px;
}

.exam-center-answer-text > textarea {
	width: 742px;
	min-height: 150px;
	resize: none;
	border: 1px solid #e8e8e8;
	outline: none;
	padding: 10px 15px;
}

.exam-times {
	margin-bottom: 15px;
	background: #fff6f6;
	border: 1px solid #e8e8e8;
	border-radius: 4px;
}

.exam-times .text {
	color: #000;
	text-align: center;
	padding: 20px 0 0px 0px;
	font-size: 18px;
}

.exam-times .time {
	color: #ff030f;
	text-align: center;
	padding-bottom: 20px;
	font-size: 22px;
}

.exam-answer-card {
	background: #fff;
	border-radius: 4px;
	box-shadow: 0px 0px 10px 1px #e8e8e8;
	padding-bottom: 25px;
	height: calc(100% - 113px);
}

.exam-answer-card-detail {
	background: #fff;
	border-radius: 4px;
	box-shadow: 0px 0px 10px 1px #e8e8e8;
	height: calc(100% - 223px);
}

.exam-answer-card-title {
	background: #C5162C;
	color: #fff;
	font-size: 18px;
	line-height: 65px;
	height: 65px;
	text-align: center;
	margin-bottom: 25px;
	border-bottom: 1px solid #e4e4e4;
}

.exam-answer-card-content {
	overflow-y: auto;
	height: calc(100% - 250px);
}

.exam-answer-card-content-detail {
	overflow-y: auto;
	height: calc(100% - 190px);
}

.exam-answer-card-info {
	margin: 0px 25px;
	margin-bottom: 0px;
	display: inline-block;
}

.exam-answer-card-info > p {
	font-size: 16px;
	color: #000;
}

.exam-answer-card-info > ul {
	width: 100%;
	margin-top: 10px;
}

.exam-answer-card-info > ul > li {
	width: 30px;
	height: 45px;
	color: #000;
	float: left;
	text-align: center;
	margin-top: 5px;
	margin-left: 0px;
	margin-right: 9.333px;
	cursor: pointer;
	position: relative;
}

.exam-answer-card-info > ul > li > span {
	width: 30px;
	height: 30px;
	border-radius: 4px;
	line-height: 30px;
	display: inline-block;
	border: 1px solid #9d9d9d;
}

.exam-answer-card-info > ul > li > img {
	position: absolute;
	width: 10px;
	bottom: 0;
	right: 11px;
}

.exam-answer-card-info > ul > li:nth-child(7n) {
	margin-right: 0px;
}

.exam-answer-card-info .active {
	color: #fff;
	background: #C5162C;
	border: 1px solid #C5162C;
}

.exam-answer-card-complete {
	margin: 15px 25px;
	color: #a2a2a2;
	font-size: 14px;
	border-top: 1px dashed #e8e8e8;
	margin-top: 15px;
}

.exam-answer-card-complete > p {
	padding-bottom: 15px;
	padding-top: 15px;
}

.exam-answer-card-complete > p > span:first-child {
	font-size: 17px !important;
	color: #ff030f;
}

.exam-answer-card-complete > p > span:last-child {
	font-size: 17px !important;
	color: #31344e;
}

.exam-answer-card-complete > input {
	width: 100%;
	height: 45px;
	line-height: 45px;
	color: #fff;
	background: #c5162c;
	outline: none;
	border-radius: 4px;
	border: 0;
	cursor: pointer;
	font-size: 16px;
}

.exam-answer-card-complete > input:hover {
	background: #b20e1a;
}

.exam-answer-card-top {
	margin: 0px 25px;
	color: #000;
	height: 21px;
}

.exam-answer-card-top > div {
	width: 33.333%;
	float: left;
	text-align: center;
	height: 21px;
	line-height: 21px;
}

.exam-answer-card-top-yanswer {
	display: inline-block;
	width: 16px;
	height: 16px;
	background: #C5162C;
	position: relative;
	top: 2.5px;
}

.exam-answer-card-top-nanswer {
	display: inline-block;
	width: 14px;
	height: 14px;
	position: relative;
	top: 2.5px;
	border: 1px solid #9d9d9d;
}

.exam-answer-card-top-img {
	width: 10px;
	height: 10px;
	position: relative;
}

.exam-content-input-items {
	margin-left: 20px;
	margin-bottom: 25px;
}

.exam-content-input-items > li {
	height: 33px;
	line-height: 29px !important;
	color: #000 !important;
	font-size: 14px !important;
	margin-top: 12px;
	border: 1px solid #e8e8e8;
	margin-right: 16px;
	padding: 1px 1px;
}

.exam-content-input-items > li > span {
	width: 29px;
	height: 29px;
	background: #e9f3ff;
	display: inherit;
	float: left;
	text-align: center;
	color: #000;
	margin-right: 15px;
}

.exam-content-input-items > li > input {
	height: 25px;
	border: 0px;
	outline: none;
	width: 692px;
}

.exam-content-title > p .score {
	color: #000 !important;
	margin-left: 10px;
}

.exam-body-background {
	background: #EDEDED;
}

.exam-body-background p {
	margin: 0px;
}

.exam-query {
	padding: 20px;
	background: #f8f8f8;
	color: #000;
	margin-bottom: 30px;
}

.exam-query-line {
	margin-bottom: 8px;
	display: inline-block;
	line-height: 25px;
}

.exam-query-left {
	float: left;
	display: inline-block;
	text-align: justify;
	width: 80px;
	text-align-last: right;
}

.exam-query-right {
	margin-left: 82px;
	width: 658px;
	text-align: justify;
	position: relative;
}

.exam-query-right .answer {
	color: #C5162C;
	line-height: 22px;
	margin: 0px;
}

.exam-query-right > img {
	position: absolute;
	width: 22px;
	margin: 0 12px;
	margin-left: 0px;
}

.exam-query-right .score {
	margin-left: 50px;
}

.exam-answer-card-info .activeRed {
	color: #fff;
	background: #f43c3c;
	border: 1px solid #f43c3c;
}

.exam-answer-card-info .activeBlue {
	color: #fff;
	background: #448BDE;
	border: 1px solid #448bde;
}

.exam-answer-card-top-query {
	margin-top: 30px;
	margin-bottom: 10px;
}

.exam-query-tap-current {
	display: inline-block;
	width: 16px;
	height: 16px;
	background: #448bde;
	position: relative;
	top: 2.5px;
}

.exam-query-tap-error {
	display: inline-block;
	width: 16px;
	height: 16px;
	background: #f43c3c;
	position: relative;
	top: 2.5px;
}

.exam-query-answer-card {
	background: #fff;
	border-radius: 4px;
	min-height: 100px;
	box-shadow: 0px 0px 10px 1px #e8e8e8;
	margin-top: 25px;
}

.exam-query-answer-card-line {
	margin: 0 25px;
	border-bottom: 1px solid #f4f4f4;
	height: 60px;
}

.exam-query-answer-card-line > div {
	width: 42%;
	line-height: 60px;
	display: inline-block;
}

.exam-query-answer-card-line .left-title {
	text-align: left;
	padding-left: 8%;
	color: #4d5067;
	float: left;
	font-size: 16px;
}

.exam-query-answer-card-line .right-score {
	text-align: right;
	padding-left: 8%;
	font-size: 20px;
	color: #000;
	font-weight: 600;
}

.exam-query-answer-card-line .right-status-blue {
	text-align: right;
	padding-left: 8%;
	font-size: 16px;
	color: #4db35f;
}

.exam-query-answer-card-line .right-status-red {
	text-align: right;
	padding-left: 8%;
	font-size: 16px;
	color: #f43c3c;
}

.exam-query-answer-card-line .right-select {
	text-align: right;
	padding-left: 6%;
	font-size: 16px;
}

.exam-query-answer-card-line .right-select .select-info {
	font-size: 16px;
	color: #5b99e2;
	border: none;
	margin-top: 14px;
	position: relative;
	right: -6px;
	cursor: pointer;
}

.skin-red .layui-layer-btn0 {
	background-color: #C5162C !important;
	border: 1px solid #CA2A3E !important;
	color: #FFF !important;
}

.exam-right-content ::-webkit-scrollbar {
	width: 10px;
	height: 6px;
}

/*滚动区域背景*/
.exam-right-content ::-webkit-scrollbar-track-piece {
	background-color: #FFF;
	-webkit-border-radius: 0px;
}

/*竖向滚动条*/
.exam-right-content ::-webkit-scrollbar-thumb:vertical {
	height: 5px;
	background-color: #e5e5e5;
	-webkit-border-radius: 3px;
}

.exam-msg-background {
	content: "";
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: 0.1;
	z-index: 99999999990;
}

.exam-msg {
	color: #fff;
	position: fixed;
	top: calc(50% - 25px);
	left: calc(50% - 150px);
	width: 300px;
	height: 50px;
	line-height: 50px;
	background: black;
	opacity: 1.0;
	z-index: 99999999999;
	text-align: center;
}

/*考试结束*/

/* 暂无数据 */
.no-data {
	text-align: center;
	padding-top: 30px;
	padding-bottom: 65px;
	display: none;
}

.no-data > img {
	width: 180px;
}

/* 暂无数据结束 */

/* 课程详情页购买课程和vip */
.mod-header-open-vip {
	margin-right: 5px;
}

.mod-header-open-vip-a:hover {
	color: #e8ac1f !important;
}

.course-detail {
	width: 100%;
}

.course-detail-title-img {
	float: left;
}

.course-detail-title-img img {
	width: 622px;
	height: 368px;
}

.course-detail-content-info {
	width: 100%;
	height: 100%;
	display: inline-block;
}

.course-detail-info {
	width: 45%;
	height: 368px;
	float: left;
	margin-left: 35px;
	position: relative;
}

.course-detail-title {
	line-height: 40px;
	font-size: 24px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.course-detail-inst-name, .course-detail-data {
	height: 40px;
	line-height: 40px;
	font-size: 14px;
	color: #A4A4A4;
}

.course-detail-study-count img {
	height: 18px;
	margin-right: 5px;
}

.course-detail-inst-name .cursor-pointer:hover {
	color: #3481d8;
}

.course-detail-like-pic {
	margin-left: 40px;
	margin-top: -5px;
}

.course-detail-buy-info-div {
	width: 100%;
	background-color: #F4F4F4;
	margin-top: 10px;
	padding: 10px 15px;
}

.course-detail-price-info-div {
	margin-bottom: 5px;
}

.course-detail-price-label, .course-detail-expiration-date-label {
	font-size: 14px;
	margin-right: 20px;
	line-height: 40px;
	vertical-align: middle;
}

.course-detail-price {
	font-size: 24px;
	font-weight: bold;
	color: #F2622D;
	margin-right: 20px;
	vertical-align: middle;
}

.course-detail-vip-price {
	display: inline-block;
	color: #E9C066;
	font-size: 24px;
	vertical-align: middle;
	margin-right: 5px;
}

.course-detail-vip-tag {
	color: #FFF;
	font-size: 18px;
	display: inline-block;
	background-color: #E9C066;
	vertical-align: middle;
	padding: 2px 7px;
}

.course-detail-expiration-date {
	font-size: 14px;
	vertical-align: middle;
}

.course-detail-btn-div {
	position: absolute;
	bottom: 0px;
}

.course-detail-btn-div button {
	height: 50px;
	line-height: 50px;
	padding: 0px 40px;
	font-size: 16px;
}

.course-detail-buy-btn {
	background-color: #C5162C;
	margin-right: 20px;
}

.course-detail-buy-btn:hover {
	background-color: #b20e1a;
}

.course-detail-open-vip-btn {
	background-color: #e9c066;
}

.course-detail-open-vip-btn:hover {
	background-color: #e4b756;
}

.course-detail-vip-free-btn {
	height: 33px;
	line-height: 33px;
	padding: 0px 20px;
	font-size: 16px;
	border-radius: 25px;
	margin-top: 20px;
	background-color: #EFB741;
	color: #FFF;
	display: inline-block;
}

.course-detail-open-vip-div {
	background-color: #FFF5E1;
	border-radius: 20px;
	padding: 5px 5px 5px 20px;
	display: table;
	margin-top: 25px;
}

.course-detail-open-vip-btn-small {
	height: 33px;
	line-height: 33px;
	padding: 0px 20px;
	font-size: 16px;
	border-radius: 25px;
	background-color: #C5162C;
	margin-left: 30px;
}

.course-detail-open-vip-btn-small:hover {
	background-color: #b20e1a;
}

.course-detail-not-is-vip-prompt {
	color: #F36D3D;
	font-size: 16px;
	vertical-align: middle;
}

/* 课程详情页购买课程和vip 结束 */

/* 开通会员 */
.open-vip-box {
	display: none;
	width: 800px;
	border-radius: 5px;
	z-index: 1002;
	position: absolute;
	top: 15%;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}

.open-vip-head {
	height: 100px;
	background: url(../img/open-vip-head.png) no-repeat left;
	background-size: 100% 100%;
	padding: 10px 25px 10px 25px;
}

.open-vip-title {
	color: #F4CA8A;
	font-size: 14px;
	position: relative;
	margin-bottom: 20px;
}

.open-vip-headimage-div {
	width: 50px;
	height: 50px;
	margin: 0px 20px 0px 0px;
	cursor: pointer;
	padding: 3px;
	display: inline-block;
}

.open-vip-headimage-div-vip {
	background: url(../img/vip-head-border.png) no-repeat left;
	background-size: 100% 100%;
}

.open-vip-headimage {
	width: 44px;
	height: 44px;
	border-radius: 50%;
}

.open-vip-close {
	position: absolute;
	right: 0px;
	width: 20px;
	height: 20px;
	cursor: pointer;
}

.open-vip-userinfo-div {
	display: inline-block;
	vertical-align: middle;
}

.open-vip-username {
	color: #F4CA8A;
	font-size: 16px;
}

.open-vip-userinfo-img {
	vertical-align: middle;
	width: 20px;
	height: 20px;
	margin-left: 10px;
}

.open-vip-expiration-date {
	color: #BDBDBD;
	font-size: 14px;
}

.open-vip-content {
	padding: 35px 25px;
	background-color: #FFF;
}

.open-vip-type {
	-moz-user-select: none;
	-khtml-user-select: none;
	user-select: none;
	margin-bottom: 40px;
}

.open-vip-type-item {
	border: 2px solid #E1E1E1;
	display: inline-block;
	width: 200px;
	height: 120px;
	border-radius: 5px;
	padding: 10px 20px;
	margin-left: 20px;
	cursor: pointer;
}

.open-vip-type-item:first-child {
	margin-left: 0px;
}

.open-vip-type .active {
	border: 2px solid #EFB741;
	background: url(../img/open-vip-type-selected.png) no-repeat left;
	background-size: 25%;
	background-position: right bottom;
	background-color: #FFFCF6;
}

.open-vip-type-item-name {
	font-size: 16px;
	display: block;
	text-align: center;
	line-height: 50px;
}

.open-vip-type-item-symbol {
	font-size: 16px;
	margin-right: 3px;
	font-weight: bold;
}

.open-vip-type-item-price {
	font-size: 26px;
	display: block;
	text-align: center;
	color: #EFB741;
}

/* 开通会员 结束 */

/* 购买课程弹框 */
.buy-course-box {
	display: none;
	width: 800px;
	border-radius: 5px;
	z-index: 1002;
	position: absolute;
	top: 15%;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}

.buy-course-head {
	height: 80px;
	background-color: #000;
	padding: 20px 30px 0px 25px;
}

.buy-course-title {
	color: #F4CA8A;
	font-size: 18px;
	position: relative;
}

.buy-course-headimage {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	border: 1px solid #F4CA8A;
	margin: 0px 15px 0px 0px;
	cursor: pointer;
}

.buy-course-close {
	position: absolute;
	right: 0px;
	width: 20px;
	height: 20px;
	cursor: pointer;
}

.buy-course-userinfo-div {
	display: inline-block;
}

.buy-course-username {
	color: #F4CA8A;
	font-size: 16px;
}

.buy-course-content {
	padding: 30px 25px;
	background-color: #FFF;
}

.buy-course-label {
	font-size: 18px;
	margin: 0px 0px 10px 0px;
}

.buy-course-content-info {
	width: 100%;
	height: 100%;
	display: inline-block;
	margin-bottom: 10px;
}

.buy-course-title-img {
	float: left;
}

.buy-course-title-img img {
	width: 237px;
	height: 140px;
}

.buy-course-detail-info {
	float: left;
	margin-left: 30px;
	position: relative;
	width: 460px;
}

.buy-course-detail-title {
	font-size: 18px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.buy-course-detail-inst-name {
	height: 40px;
	line-height: 40px;
	font-size: 14px;
	color: #A4A4A4;
}

.buy-course-detail-price-info-div {

}

.buy-course-detail-price-label, .buy-course-detail-expiration-date-label {
	font-size: 14px;
	margin-right: 20px;
	line-height: 28px;
	vertical-align: middle;
}

.buy-course-detail-price {
	font-size: 22px;
	font-weight: bold;
	color: #F2622D;
	margin-right: 30px;
	vertical-align: middle;
}

.buy-course-detail-expiration-date {
	font-size: 14px;
	vertical-align: middle;
}

/* 购买课程弹框 结束 */

/* 支付方式 */
.payment-method-div {
	height: 220px;
	border: 1px solid #E9E9E9;
	padding: 1px;
	text-align: center;
}

.payment-method-div:before {
	content: '';
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}

.payment-method-content {
	display: inline-block;
	vertical-align: middle;
}

.payment-method-content-item {
	width: 100%;
	height: 100%;
}

.payment-method-qrcode-img {
	width: 150px;
	height: 150px;
	border: 1px solid #ECECEC;
	margin: 0px 20px 0px 0px;
}

.payment-method-content-item-detail {
	display: inline-table;
	font-size: 14px;
	vertical-align: middle;
	margin-top: 30px;
}

.payment-method-content-item-detail .icheckbox_square-red {
	margin-top: -2px;
	margin-left: 4px;
}

.payment-method-content-item-detail p {
	line-height: 25px;
	text-align: left;
}

.payment-method-content-item-money-gold {
	font-size: 28px;
	color: #EFB741;
	font-weight: bold;
}

.payment-method-content-item-money-symbol {
	font-size: 18px;
	margin-right: 3px;
}

.payment-method-content-item-money-red {
	font-size: 28px;
	color: #F2622D;
	font-weight: bold;
}

.payment-method-content-item-protocol, .payment-method-content-item-protocol:hover {
	color: #8C8C8C;
}

/* 支付方式 结束 */

/*课程列表加入会员体系开始*/
.member-free {
	background: #e9c066;
	color: #fff;
	display: inline-block;
	border-radius: 15px;
	line-height: 20px;
	font-size: 12px;
	width: 70px;
	height: 20px;
	text-align: center;
	padding-right: 0px !important;
}

.normal-price {
	color: #f2622d;
}

.member-price {
	color: #e8ac1f;
}

.member-icon {
	color: #fff;
	background-color: #e9c066;
	display: inline-block;
	width: 30px;
	text-align: center;
	border-radius: 2px;
	height: 20px;
	line-height: 20px;
	padding-right: 0px !important;
	margin-left: 3px !important;
}

.item-purchased {
	background: url("../img/purchased.png") no-repeat 50% 50%;
	background-size: 45px;
	position: absolute;
	width: 45px;
	height: 45px;
	top: 7px;
	right: 7px;
}

/*课程列表加入会员体系结束*/
/* 任务中心-提示开始 */
.msg-noread-count {
	display: none;
	color: #fff;
	background: #C5162C;
	border-radius: 50px;
	padding: 0 4px;
	height: 15px;
	line-height: 15px;
	text-align: center;
	font-size: 12px;
	position: absolute;
	right: 6px;
	top: 10px;
}

.user-msg-point {
	display: none;
	color: #fff;
	background: #C5162C;
	border-radius: 50px;
	height: 15px;
	line-height: 15px;
	position: absolute;
	right: 10px;
	top: 15px;
	font-size: 12px;
	font-style: normal;
	text-align: center;
	padding: 0 4px;
}

.msg-noread-count-a {
	color: #C5162C !important;
}

/* 任务中心-提示结束 */
.course-detail-deleted-span {
	display: inline-block;
	line-height: 18px;
	text-align: center;
	font-size: 12px;
	margin-right: 5px;
	padding-left: 3px;
	padding-right: 3px;
	border: 1px solid #a8a8a8;
	color: #a8a8a8;
}

/* vip服务协议 */
.service-agreement-inner {
	margin-left: auto;
	margin-right: auto;
	width: 1200px;
	margin-top: 50px;
	margin-bottom: 100px;
}

/*备案号跳转链接*/
.icp-number-black {
	color: #777777;
}

.icp-number-black:hover {
	color: #777777;
}

/*备案号跳转链接 结束*/

/*系统通知公告样式*/
.system-proclamation {
	width: 100%;
	height: 50px;
	background-color: #FBF4D8;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	color: #C5162C;
	line-height: 50px;
	display: none;
}

.system-proclamation-title {
	font-weight: normal;
}

.system-proclamation-jump {
	cursor: pointer;
}

.system-proclamation-img {
	margin-top: -3px;
	width: 20px;
}

.system-proclamation-detail-inner {
	margin-left: auto;
	margin-right: auto;
	width: 1200px;
	margin-top: 50px;
	margin-bottom: 100px;
}

.system-proclamation-detail-title {
	font-weight: bold;
	font-size: 30px;
	color: #454545;
	margin-top: 0px;
	margin-bottom: 50px;
	text-align: center;
}

/*系统通知公告样式 结束*/

/* 免费试学 开始*/
.course-detail-freetry-div {
	cursor: pointer;
}

.course-detail-freetry-span {
	display: inline-block;
	line-height: 18px;
	text-align: center;
	font-size: 14px;
	margin-left: 8px;
	color: #0a6cdd;
}

.course-detail-freetry-video {
	float: left;
	width: 622px;
	height: 360px;
}

/* 免费试学 结束*/
/* 任务排行 -start*/
.rank-pc-back {
	background-color: #f4f4f4;
}

.rank-pc-outer {
	width: 100%;
	min-height: 700px;
}

.rank-top-nab {
	padding-top: 20px;
	padding-bottom: 20px;
}

.rank-back {
	width: 100%;
	height: 80px;
	background-size: 100% 100% ! important;
	background: url(../img/rank-back.png) no-repeat;
}

.rank-back-title {
	padding-top: 28px;
	padding-left: 50px;
	padding-right: 50px;
	color: #fff;
	text-align: center;
	font-size: 18px;
	line-height: 24px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	font-weight: bold;
}

.rank-info {
	padding-bottom: 50px;
}

.rank-user-info {
	background: #fff;
	height: 100px;
}

.rank-user-info-item {
	width: 33%;
	display: inline-block;
	float: left;
	text-align: center;
}

.rank-user-info-item .item-title {
	margin-top: 25px;
	font-size: 14px;
	color: #666;
}

.rank-user-info-item .item-value {
	margin-top: 2px;
	font-size: 20px;
	color: #ff7b46;
}

.rank-user-img {
	width: 54px;
	height: 54px;
	margin: 0 auto;
	margin-top: 10px;
	background: url(../img/member-line.png) no-repeat;
	background-size: 100%;
}

.rank-user-img > img {
	width: 54px;
	height: 54px;
	border-radius: 50%;
}

.rank-user-name {
	margin-top: 6px;
	font-size: 14px;
	color: #666;
}

.rank-info-list {
	background: #fff;
	margin-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 20px;
}

.rank-table {
	width: 100%;
	border-spacing: 0;
	border-collapse: collapse;
}

.rank-table-striped > tbody > tr:nth-of-type(even) {
	background-color: #FFFAF2;
}

.rank-table > tbody > tr > td, .rank-table > tbody > tr > th, .rank-table > thead > tr > td, .rank-table > thead > tr > th {
	padding: 10px;
	line-height: 1.42857143;
	vertical-align: top;
	text-align: center;
	font-size: 14px;
}

.rank-table > thead > tr > th {
	vertical-align: bottom;
	border-bottom: 0.5px solid #eee;
	width: 25%;
}

.rank-score {
	color: #ff7b46;
}

.rank-row {
	padding-bottom: 0px ! important;
	padding-top: 8px ! important;
}

.rank-row > img {
	height: 24px;
	width: 24px;
}

/* 任务排行 -end*/
.task-rank-icon {
	float: right;
	color: #FF7B47;
	cursor: pointer;
}

.task-rank-icon > img {
	height: 25px;
	position: relative;
	top: -2px;
	right: 4px;
}

/*考试开始页面，排行榜入口*/
.exam-detail-leaderboard {
	position: absolute;
	right: 70px;
	color: #FF8351;
	cursor: pointer;
}

/*考试开始页面，排行榜入口 结束*/

/*我的证书，培训证明 开始*/
.my-certificate-menus-span {
	margin-left: 10px;
}

.my-certificate-center-info {
	float: left;
	height: 130px;
	line-height: 130px;
	max-width: 650px;
}

.my-certificate-center-info .task-center-study-plan:hover {
	cursor: pointer;
	color: #448bde;
}

.my-certificate-button {
	float: right;
	height: 130px;
	line-height: 130px;
	width: 220px;
	text-align: right;
	padding-right: 20px;
}

.my-certificate-button-query {
	width: 60px;
	height: 35px;
	line-height: 35px;
	background-color: #fff;
	border: 1.1px solid #6ea5e5;
	border-radius: 4px;
	color: #6ea5e5;
	font-weight: 500;
	outline: none;
	display: inline-block;
	text-align: center;
	cursor: pointer;
}

.my-certificate-button-query:hover > span {
	cursor: pointer;
	border-bottom: 1px solid #6ea5e5;
}

.my-certificate-button-download {
	width: 60px;
	height: 35px;
	line-height: 35px;
	background-color: #fff;
	border: 1.1px solid #53b449;
	border-radius: 4px;
	color: #53b449;
	font-weight: 500;
	outline: none;
	margin-left: 5px;
	display: inline-block;
	text-align: center;
	cursor: pointer;
}

.my-certificate-button-download:hover > span {
	cursor: pointer;
	border-bottom: 1px solid #53b449;
}

.certificate-query {
	max-width: 980px;
	height: auto;
	padding-top: 50px;
	text-align: center;
}

.certificate-query-h {
	margin: auto;
	width: 750px;
	height: auto;
	position: relative;
}

.certificate-query-s {
	margin: auto;
	width: 750px;
	height: auto;
	position: relative;
}

.certificate-head-info {
	height: 50px;
	display: inline-block;
	float: right;
}

.certificate-head-info .re-black {
	background: 0 2px url(../img/certificate-re-black.png) no-repeat;
	padding-left: 22px;
	background-size: 14px;
	color: #424242;
	margin-right: 15px;
}

.certificate-head-info .re-black:hover {
	background: 0 2px url(../img/certificate-re-red.png) no-repeat;
	padding-left: 22px;
	background-size: 14px;
	color: #448BDE;
	margin-right: 15px;
}

.certificate-head-info .down-black {
	background: 0 2px url(../img/certificate-down-black.png) no-repeat;
	padding-left: 22px;
	background-size: 16px;
	color: #424242;
	margin-right: 15px;
}

.certificate-head-info .down-black:hover {
	background: 0 2px url(../img/certificate-down-blue.png) no-repeat;
	padding-left: 22px;
	background-size: 16px;
	color: #448BDE;
	margin-right: 15px;
}

.certificate-head-info .button {
	color: #fff;
	cursor: pointer;
	background: #c5162c;
	border-radius: 4px;
	outline: none;
	border: none;
	font-size: 14px;
	padding: 0 15px;
	line-height: 34px;
	margin-right: 20px;

}

.certificate-head-info .button:hover {
	color: #fff;
	background-color: #b20e1a;
}

.study-certificate-time {
	color: #C5162C;
	font-size: 18px;
	line-height: 30px;
	margin-bottom: 6px;
}

.study-certificate-center-info {
	float: left;
	height: 130px;
	line-height: 130px;
	max-width: 600px;
}

.study-certificate-button {
	float: right;
	height: 130px;
	line-height: 130px;
	width: 270px;
	text-align: right;
}

.study-certificate-button-delete {
	width: 60px;
	height: 35px;
	line-height: 35px;
	background-color: #fff;
	border: 1.1px solid #c5162c;
	border-radius: 4px;
	color: #c5162c;
	font-weight: 500;
	outline: none;
	margin-right: 20px;
	margin-left: 5px;
	display: inline-block;
	text-align: center;
	cursor: pointer;
}

.study-certificate-button-delete:hover > span {
	border-bottom: 1px solid #C5162C;
	cursor: pointer;
}

.study-certificate-apply {
	margin: auto;
	width: 580px;
	text-align: left;
}

.study-certificate-apply-line {
	line-height: 40px;
	height: 40px;
	margin-bottom: 20px;
}

.study-certificate-apply-line .input-info {
	float: left;
	margin-left: 35px;
	height: 40px;
	border: 1px solid #ededed;
	width: 400px;
	border-radius: 4px;
	padding-right: 40px;
	background: 360px 10px url(../img/px-certificate-date.png) no-repeat;
}

.study-certificate-apply-line .input-info > input {
	border: none;
	outline: none;
	height: 38px;
	padding-left: 15px;
	position: absolute;
	width: 360px;
}

.study-certificate-apply-line .text {
	color: #a5a5a5;
	float: left;
}

.study-certificate-apply-button {
	width: 470px;
	margin-top: 35px;
}

.study-certificate-apply-button .button {
	width: 400px;
	margin-left: 105px;
	border: none;
	border-radius: 4px;
	outline: none;
	background: #448BDE;
	color: #fff;
	line-height: 40px;
	font-size: 14px;
}

.study-certificate-apply-button .button:hover {
	background-color: #307bd2;
}

/*我的证书。培训证明 结束*/

/* 轮播图-近期课程 */
.banner-list-div {
	width: 1200px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}

.banner-recent-course {
	width: 220px;
	height: 270px;
	background-color: #FFF;
	border-radius: 5px;
	position: absolute;
	right: 0;
	top: 15px;
	display: none;
}

.banner-recent-course-userinfo {
	width: 220px;
	height: 60px;
	background-color: #F6F6F6;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	line-height: 60px;
	position: relative;
}

.banner-recent-course-user-headimage {
	width: 40px !important;
	height: 40px !important;
	margin-left: 20px;
	border-radius: 25px;
	text-align: left !important;
	cursor: pointer;
	float: left;
	margin-top: 10px;
}

.banner-recent-course-username {
	font-size: 15px;
	margin-left: 10px;
	cursor: pointer;
	width: 90px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	word-wrap: normal;
	display: inline-block;
	float: left;
}

.banner-recent-course-username:hover {
	color: #0a6cdd;
}

.banner-recent-course-exit {
	font-size: 14px;
	color: #73777C;
	cursor: pointer;
	position: absolute;
	right: 20px;
	float: left;
}

.banner-recent-course-exit:hover {
	color: #C11930;
}

.banner-recent-course-title {
	width: 85%;
	height: 50px;
	border-bottom: 1px dashed #E5E5E5;
	margin: 0px auto;
	line-height: 50px;
	font-size: 16px;
}

.banner-recent-course-title > img {
	width: 20px;
	height: 20px;
	margin-bottom: 4px;
	margin-right: 5px;
}

.banner-recent-course-content {
	width: 85%;
	height: 87px;
	margin: 10px auto;
}

.banner-recent-course-no-data {
	text-align: center;
}

.banner-recent-course-no-data > img {
	height: 80px;
}

.banner-recent-course-select-my-course-btn {
	width: 85%;
	height: 40px;
	text-align: center;
	margin: 0px auto;
	line-height: 40px;
	background-color: #F6F6F6;
	border-radius: 5px;
	cursor: pointer;
}

.banner-recent-course-select-my-course-btn:hover {
	background-color: #eeeeee;
}

.banner-recent-course-content-data {
	width: 100%;
	height: 100%;
	margin: 0px auto;
}

.banner-recent-course-content-title {
	display: inline-block;
	height: 40px;
	font-size: 14px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	text-align: justify;
	overflow: hidden;
	margin-bottom: 5px;
	cursor: pointer;
	word-break: break-all;
}

.banner-recent-course-content-title:hover {
	color: #0a6cdd;
}

.banner-recent-course-content-inst-name {
	color: #B4B4B4;
	cursor: pointer;
	font-size: 12px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	text-align: justify;
	overflow: hidden;
	margin: 8px 0px 2px;
}

.banner-recent-course-content-inst-name:hover {
	color: #0a6cdd;
}

.banner-recent-course-content-study-schedule {
	color: #B4B4B4;
	font-size: 12px;
}

.banner-recent-course-content-data .speed0 {
	background: url(../img/speed0.png) no-repeat left;
	padding-left: 35px;
}

.banner-recent-course-content-data .speed0-33 {
	background: url(../img/speed0-33.png) no-repeat left;
	padding-left: 35px;
}

.banner-recent-course-content-data .speed34-66 {
	background: url(../img/speed34-66.png) no-repeat left;
	padding-left: 35px;
}

.banner-recent-course-content-data .speed67-99 {
	background: url(../img/speed67-99.png) no-repeat left;
	padding-left: 35px;
}

.banner-recent-course-content-data .speed100 {
	background: url(../img/speed100.png) no-repeat left;
	padding-left: 35px;
}

/* 轮播图-近期课程 结束*/

/* 首页右侧按钮组 */
.index-right-shortcut-bar{
	width: 65px;
	position: fixed;
	z-index: 9999;
	right: 0.5%;
	bottom: 1%;
	border: 1px solid #DEDEDE;
	border-radius: 5px;
	background-color: #FFF;
}
.index-right-shortcut-item{
	width: 100%;
	position: relative;
	cursor: pointer;
	color: #868686;
	font-size: 10px;
	text-align: center;
	padding-top: 38px;
	padding-bottom: 7px;
}
.index-right-shortcut-item-spacer:after{
	width: 84%;
	height: 0px;
	position: absolute;
	bottom: -1px;
	left: 8%;
	content: '';
	border-bottom:1px solid  #DEDEDE;
}
.index-right-shortcut-channel-cooperation{
	background: url('../img/channel-cooperation.png') no-repeat center 6px;
	background-size: 28px 28px;
}
.index-right-shortcut-channel-cooperation:hover{
	background: #C81528 url('../img/channel-cooperation-hover.png') no-repeat center 6px;
	background-size: 28px 28px;
	color: #FFF;
	border-radius: 5px;
}
.index-right-shortcut-feedback{
	background: url('../img/feedback.png') no-repeat center 6px;
	background-size: 28px 28px;
}
.index-right-shortcut-feedback:hover{
	background: #C81528 url('../img/feedback-hover.png') no-repeat center 6px;
	background-size: 28px 28px;
	color: #FFF;
	border-radius: 5px;
}
.index-right-shortcut-contact-us{
	background: url('../img/contact-us.png') no-repeat center 6px;
	background-size: 28px 28px;
}
.index-right-shortcut-contact-us:hover{
	background: #C81528 url('../img/contact-us-hover.png') no-repeat center 6px;
	background-size: 28px 28px;
	color: #FFF;
	border-radius: 5px;
}
.index-right-shortcut-official-account{
	background: url('../img/official-account.png') no-repeat center 6px;
	background-size: 28px 28px;
}
.index-right-shortcut-official-account:hover{
	background: #C81528 url('../img/official-account-hover.png') no-repeat center 6px;
	background-size: 28px 28px;
	color: #FFF;
	border-radius: 5px;
}
.index-right-shortcut-back-to-top{
	background: url('../img/back-to-top.png') no-repeat center 6px;
	background-size: 28px 28px;
}
.index-right-shortcut-back-to-top:hover{
	background: #C81528 url('../img/back-to-top-hover.png') no-repeat center 6px;
	background-size: 28px 28px;
	color: #FFF;
	border-radius: 5px;
}
.index-right-shortcut-official-account-view{
	width: 150px;
	height: 175px;
	border: 1px solid #D9D9D9;
	border-radius: 10px;
	background: #FFF;
	position: absolute;
	bottom: -60px;
	right: 64px;
	color: #000;
	font-size: 16px;
	padding-top: 10px;
	display: none;
	cursor: default;
}
.index-right-shortcut-official-account-view>img{
	width: 125px;
	height: 125px;
}
/* 首页右侧按钮组 结束 */

/* 联系我们 */
.contact-us-top-background>img{
	width: 100%;
}
.contact-us-index-inner{
	margin-left: auto;
	margin-right: auto;
	width: 1200px;
}
.contact-us-center{
	width: 100%;
	min-height: 700px;
	padding-top: 30px;
	padding-bottom: 70px;
}
.contact-us-title{
	font-size: 20px;
	border-bottom: 1px solid #CDCFD2;
	padding: 20px 0px 20px 26px;
}
.contact-us-content{
	margin-top: 10px;
	padding-left: 26px;
}
/* 联系我们 结束 */

/* 渠道合作 */
.channel-cooperation-top-background>img{
	width: 100%;
}
.channel-cooperation-index-inner{
	margin-left: auto;
	margin-right: auto;
	width: 1200px;
}
.channel-cooperation-center{
	width: 100%;
	min-height: 700px;
	padding-top: 30px;
	padding-bottom: 70px;
}
.channel-cooperation-title{
	font-size: 20px;
	border-bottom: 1px solid #CDCFD2;
	padding: 20px 0px;
	text-align: center;
}
.channel-cooperation-form{
	width: 550px;
	margin: 50px auto 0px auto;
}
.channel-cooperation-form-item{
	margin-bottom: 15px;
}
.channel-cooperation-form-label{
	float: left;
	display: block;
	padding: 9px 15px;
	width: 110px;
	font-weight: 400;
	line-height: 10px;
	text-align: right;
}
.channel-cooperation-input-block{
	margin-left: 110px;
	min-height: 36px;
}
.channel-cooperation-btn{
	width: 280px !important;
	display: inline-block;
	height: 38px;
	line-height: 38px;
	padding: 0 18px;
	background-color: #CA001A;
	color: #fff;
	white-space: nowrap;
	text-align: center;
	font-size: 14px;
	border: none;
	border-radius: 2px;
	cursor: pointer;
	outline: 0;
	-webkit-appearance: none;
	transition: all .3s;
	-webkit-transition: all .3s;
	box-sizing: border-box;
	vertical-align: middle;
}
.channel-cooperation-btn:hover{
	background-color: #B20E1A;
}
.channel-cooperation-desc{
	width: 750px;
	margin: 50px auto;
}
.channel-cooperation-code-input{
	width: 170px;
	float: left;
	margin-right: 10px;
}
.channel-cooperation-code{
	width: 100px!important;
	height: 34px!important;
	cursor: pointer;
}
/* 渠道合作 结束 */

/* 意见反馈 */
.feedback-top-background>img{
	width: 100%;
}
.feedback-index-inner{
	margin-left: auto;
	margin-right: auto;
	width: 1200px;
}
.feedback-center{
	width: 100%;
	min-height: 700px;
	padding-top: 30px;
	padding-bottom: 70px;
}
.feedback-title{
	font-size: 20px;
	border-bottom: 1px solid #CDCFD2;
	padding: 20px 0px;
	text-align: center;
}
.feedback-content{
	width: 800px;
	margin: 50px auto;
}
.feedback-form-label{
	line-height: 40px;
	font-size: 16px;
	margin-top: 20px;
}
.feedback-form-input{
	height: 40px!important;
}
.feedback-submit-btn-div{
	width: 100%;
	margin: 30px 0px 20px;
	text-align: center;
}
.feedback-submit-btn{
	width: 280px !important;
	display: inline-block;
	height: 38px;
	line-height: 38px;
	background-color: #CA001A;
	color: #fff;
	font-size: 14px;
	border: none;
	border-radius: 2px;
	cursor: pointer;
}
.feedback-submit-btn:hover{
	background-color:#B20E1A;
}
.feedback-images{
	margin: 40px 0px 20px 0px;
}
.feedback-image-p{
	margin-top: 10px;
	color:#8E8D8D;
}
.feedback-form-code-lable{
	float: left;
	display: block;
	line-height: 34px;
}
.feedback-form-code-input{
	width: 170px;
	float: left;
	margin-right: 10px;
}
.feedback-form-code{
	width: 100px;
	height: 34px;
	cursor: pointer;
}
/* 意见反馈 结束 */

/*考试练习模式开始*/
.exam-left-content-practice{
	height: calc(100% - 50px);
}

.exam-left-block-practice{
	height: calc(100% - 160px);
}

.exam-chapter-score{
	color:#a2a2a2;
}

.exam-practice-ques-title{
	display: inline-block;
	width:730px;
}

.exam-practice-ques-num{
	float: right;
	display: inline-block;
	width:30px;
}

.exam-practice-current-num{
	color:#c5162c;
}

.exam-practice-btn-group{
	border-top:1px solid #e8e8e8;
	position: relative;
	width:828px;
	height:80px;
}

.exam-practice-btn-previous{
	width:175px;
	height:50px;
	background: #fff;
	color:#c5162c;
	border:1px solid #c5162c;
	border-radius: 25px;
	line-height: 50px;
	text-align: center;
	display: inline-block;
	margin-top: 15px;
	margin-bottom:15px;
	font-size:16px;
	margin-left:25px;
	cursor: pointer;
}

.exam-practice-btn-previous:hover{
	background: #ffefef;
}

.exam-practice-btn-next{
	width:175px;
	height:50px;
	background: #c5162c;
	color:#fff;
	border-radius: 25px;
	line-height: 50px;
	text-align: center;
	display: inline-block;
	margin-top: 15px;
	margin-bottom:15px;
	font-size:16px;
	margin-left:10px;
	cursor: pointer;
}

.exam-practice-btn-next:hover{
	background: #b20e1a;
	color:#fff;
}

.exam-practice-btn-answer{
	width:175px;
	height:50px;
	background: #fff;
	color:#fba215;
	border:1px solid #fba215;
	line-height: 50px;
	text-align: center;
	display: inline-block;
	margin-top: 15px;
	margin-bottom:15px;
	font-size:16px;
	margin-right:25px;
	cursor: pointer;
	float:right;
}

.exam-practice-btn-answer:hover{
	background: #fff8ec;
}

.exam-practice-btn-previous-disabled{
	width:175px;
	height:50px;
	background: #fff;
	color:#b8bbbf;
	border:1px solid #b8bbbf;
	border-radius: 25px;
	line-height: 50px;
	text-align: center;
	display: inline-block;
	margin-top: 15px;
	margin-bottom:15px;
	font-size:16px;
	margin-left:25px;
}

.exam-content-list-practice{
	height: 200px;
	margin: 0px 25px;
	overflow-y: auto;
	padding-right:10px;
}

.exam-content-list-practice > li {
	border-bottom: 0;
}

.exam-left-block-practice ::-webkit-scrollbar {
	width: 10px;
	height: 6px;
}

/*滚动区域背景*/
.exam-left-block-practice ::-webkit-scrollbar-track-piece {
	background-color: #FFF;
	-webkit-border-radius: 0px;
}

/*竖向滚动条*/
.exam-left-block-practice ::-webkit-scrollbar-thumb:vertical {
	height: 5px;
	background-color: #e5e5e5;
}


.exam-content-list-practice .exam-content-title > p {
	width: 725px;
}

.exam-content-list-practice .exam-content-items > li > span, .exam-content-items > li > label {
	width: 700px;
}

.exam-content-list-practice .exam-query-right{
	width:638px;
}

.exam-practice-right-answer{
	color:#1c9e34;
}
.exam-content-list-practice .exam-content-input-items > li > input{
	width:672px;
}


/*考试练习模式结束*/

.header-index-login{
	color:#333;
}
.header-index-login:hover{
	color:#448bde;
}

/* 个人中心-意见反馈 */
.my-feedback{
	margin: 0;
}
.my-feedback > ul{
	width: 100%;
	height: auto;
}
.my-feedback > ul > li{
	height: 100px;
	border-bottom: 1.5px solid #f8f8f8;
	padding-left: 25px;
	cursor: pointer;
}
.my-feedback > ul li:hover {
	background-color: #f8f8f8;
}
.my-feedback-item{
	float: left;
	height: 100px;
	line-height: 100px;
	max-width: 650px;
}
.my-feedback-content{
	height: 55px;
	line-height: 25px;
	margin: 0;
	padding-top: 25px;
	color: #000;
	font-size: 16px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}
.my-feedback-datetime-div{
	height: 25px;
	line-height: 25px;
	color: #a5a5a5;
}
.my-feedback-datetime{
	background: 0 2px url(../img/study-time.png) no-repeat;
	padding-left: 28px;
	background-size: 16px;
}
.my-feedback-status-replied{
	float: right;
	width: 130px;
	height: 100px;
	line-height: 100px;
	background: url(../img/feedback-replied.png) no-repeat left;
	background-size: 70px 70px;
}
.my-feedback-status-unanswered{
	float: right;
	width: 130px;
	height: 100px;
	line-height: 100px;
	background: url(../img/feedback-unanswered.png) no-repeat left;
	background-size: 70px 70px;
}
.personal-center-menus .my-feedback-menu {
	color: #000;
	text-align: left;
	line-height: 40px;
	margin: 12px 0;
	height: 40px;
	font-size: 16px;
	cursor: pointer;
	padding-left: 54px;
	background: 16px 9px url(../img/my-feedback.png) no-repeat;
	background-size: 22px;
}

.personal-center-menus .my-feedback-menu:hover {
	padding-left: 54px;
	background: 16px 9px url(../img/my-feedback-hover.png) no-repeat, url(../img/user-center-menu-background.png) no-repeat;
	background-size: 22px, 100% 100%;
	color: #fff;
}

.personal-center-menus .my-feedback-menu-active {
	padding-left: 54px;
	background: 16px 9px url(../img/my-feedback-hover.png) no-repeat, url(../img/user-center-menu-background.png) no-repeat;
	background-size: 22px, 100% 100%;
	color: #fff;
}

.my-feedback-head-add{
	height: 50px;
	display: inline-block;
	float: right;
}

.my-feedback-head-add-btn{
	background-size: 14px;
	color: #FFFF!important;
	margin-right: 66px;
	padding: 5px 15px;
	background: #C5162C;
	border-radius: 4px;
}

.my-feedback-head-add-btn:hover{
	background-color: #B20E1A;
}
/* 个人中心-意见反馈 结束 */

/* 个人反馈详情 */
.my-feedback-detail-head-info {
	height: 50px;
	display: inline-block;
	float: right;
}

.my-feedback-detail-head-info .re-black {
	background: 0 2px url(../img/certificate-re-black.png) no-repeat;
	padding-left: 22px;
	background-size: 14px;
	color: #424242;
	margin-right: 15px;
}

.my-feedback-detail-head-info .re-black:hover {
	background: 0 2px url(../img/certificate-re-red.png) no-repeat;
	padding-left: 22px;
	background-size: 14px;
	color: #448BDE;
	margin-right: 15px;
}
.my-feedback-detail-content{
	margin: 25px 0px 10px;
}
.my-feedback-detail-images{
	padding: 10px 0px 0px;
}
.my-feedback-detail-images img{
	width: 80px;
	height: 80px;
	margin-right: 15px;
	cursor: pointer;
}
.my-feedback-detail-replys-div{
	margin-top: 50px;
	border-top: 1px solid #EDEDED;
}
.my-feedback-detail-replys-lable{
	margin-top: 20px;
	font-weight: bold;
}
.my-feecback-detail-handler{
	color: #333;
	font-size: 14px;
}
.my-feedback-detail-handler-time{
	margin-left: 15px;
	font-weight: normal;
	color: #999;
}
.my-feedback-detail-replys{
	padding: 15px;
	color: #828798;
	margin-top: 15px;
}
.my-feedback-detail-detail-line{
	width: 3px;
	height: 14px;
	background-color: #C80217;
	float: left;
	margin-right: 10px;
	position: initial;
	margin-top: 4px;
	margin-bottom: 5px;
}
/* 个人反馈详情 结束 */

/* 顶部入驻按钮 */
.header-index .index-settled-list {
	display: none;
	position: absolute;
	box-sizing: border-box;
	width: 132px;
	left: 50%;
	margin-left: -56px;
	border: 1px solid #e5e5e5;
	background: #fff;
	box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .12);
}

.header-index .index-settled-list a {
	display: block;
	text-align: center;
	padding: 15px 0;
	height: 50px;
	line-height: 20px;
	background: #fff;
	color: #333;
	font-size: 14px;
}

.header-index .index-settled-list a:hover {
	color: #c5162c;
}

.header-index .index-settled-list:before {
	content: '';
	width: 0;
	height: 0;
	border-width: 0 8px 8px;
	border-style: solid;
	border-color: transparent transparent #e5e5e5;
	position: absolute;
	left: 47px;
	top: -9px;
}

.header-index .index-settled-list:after {
	content: '';
	width: 0;
	height: 0;
	border-width: 0 8px 8px;
	border-style: solid;
	border-color: transparent transparent #fff;
	position: absolute;
	left: 47px;
	top: -8px;
}
/* 顶部入驻按钮 结束 */

/* 个人入驻 */
.individual-settled-top-background>img{
	width: 100%;
}
.individual-settled-index-inner{
	margin-left: auto;
	margin-right: auto;
	width: 1200px;
}
.individual-settled-center{
	width: 100%;
	min-height: 700px;
	padding-top: 30px;
	padding-bottom: 70px;
}
.individual-settled-title{
	font-size: 20px;
	border-bottom: 1px solid #CDCFD2;
	padding: 20px 0px;
	text-align: center;
}
.individual-settled-form{
	width: 570px;
	margin: 50px auto 0px auto;
}
.individual-settled-form-item{
	margin-bottom: 15px;
}
.individual-settled-form-label{
	float: left;
	display: block;
	padding: 9px 15px;
	width: 110px;
	font-weight: 400;
	line-height: 10px;
	text-align: right;
}
.individual-settled-input-block{
	margin-left: 110px;
	min-height: 36px;
}
.individual-settled-code-btn{
	display: inline-block;
	height: 34px;
	line-height: 34px;
	padding: 0 10px;
	background-color: #C5162C;
	color: #fff;
	white-space: nowrap;
	text-align: center;
	font-size: 14px;
	border: none;
	border-radius: 2px;
	cursor: pointer;
	outline: 0;
	-webkit-appearance: none;
	transition: all .3s;
	-webkit-transition: all .3s;
	box-sizing: border-box;
	vertical-align: middle;
	width: 100px;
}
.individual-settled-code-btn.disabled {
	background-color: #9e9e9e;
	cursor: default;
}
.individual-settled-code{
	width: 100px!important;
	height: 34px!important;
	cursor: pointer;
}
.individual-settled-code-input{
	width: 170px;
	float: left;
	margin-right: 10px;
}
.individual-settled-btn{
	width: 280px !important;
	display: inline-block;
	height: 38px;
	line-height: 38px;
	padding: 0 18px;
	background-color: #CA001A;
	color: #fff;
	white-space: nowrap;
	text-align: center;
	font-size: 14px;
	border: none;
	border-radius: 2px;
	cursor: pointer;
	outline: 0;
	-webkit-appearance: none;
	transition: all .3s;
	-webkit-transition: all .3s;
	box-sizing: border-box;
	vertical-align: middle;
}
.individual-settled-btn:hover{
	background-color: #B20E1A;
}
.individual-settled-image-p{
	margin-top: 10px;
	color: #8E8D8D;
	font-size: 12px;
}
.pc-front-form-textarea{
	width: 100%;
	padding-bottom: 30px;
}
.pc-front-form-textarea-counter{
	margin-right: 20px;
	margin-top: -25px;
	font-size: 14px;
	float: right;
	position: relative;
	z-index: 1;
}
/* 个人入驻 结束 */

/* 机构入驻 */
.institution-settled-top-background>img{
	width: 100%;
}
.institution-settled-index-inner{
	margin-left: auto;
	margin-right: auto;
	width: 1200px;
}
.institution-settled-center{
	width: 100%;
	min-height: 700px;
	padding-top: 30px;
	padding-bottom: 70px;
}
.institution-settled-title{
	font-size: 20px;
	border-bottom: 1px solid #CDCFD2;
	padding: 20px 0px;
	text-align: center;
}
.institution-settled-form{
	width: 570px;
	margin: 50px auto 0px auto;
}
.institution-settled-form-title{
	margin: 0px 0px 25px 15px;
	font-size: 16px;
	font-weight: bold;
}
.institution-settled-form-item{
	margin-bottom: 15px;
}
.institution-settled-form-label{
	float: left;
	display: block;
	padding: 9px 15px;
	width: 110px;
	font-weight: 400;
	line-height: 10px;
	text-align: right;
}
.institution-settled-input-block{
	margin-left: 110px;
	min-height: 36px;
}
.institution-settled-code-btn{
	display: inline-block;
	height: 34px;
	line-height: 34px;
	padding: 0 10px;
	background-color: #C5162C;
	color: #fff;
	white-space: nowrap;
	text-align: center;
	font-size: 14px;
	border: none;
	border-radius: 2px;
	cursor: pointer;
	outline: 0;
	-webkit-appearance: none;
	transition: all .3s;
	-webkit-transition: all .3s;
	box-sizing: border-box;
	vertical-align: middle;
	width: 100px;
}
.institution-settled-code-btn.disabled {
	background-color: #9e9e9e;
	cursor: default;
}
.institution-settled-code{
	width: 100px!important;
	height: 34px!important;
	cursor: pointer;
}
.institution-settled-code-input{
	width: 170px;
	float: left;
	margin-right: 10px;
}
.institution-settled-btn{
	width: 280px !important;
	display: inline-block;
	height: 38px;
	line-height: 38px;
	padding: 0 18px;
	background-color: #CA001A;
	color: #fff;
	white-space: nowrap;
	text-align: center;
	font-size: 14px;
	border: none;
	border-radius: 2px;
	cursor: pointer;
	outline: 0;
	-webkit-appearance: none;
	transition: all .3s;
	-webkit-transition: all .3s;
	box-sizing: border-box;
	vertical-align: middle;
}
.institution-settled-btn:hover{
	background-color: #B20E1A;
}
.institution-settled-image-p{
	margin-top: 10px;
	color: #8E8D8D;
	font-size: 12px;
}
/* 机构入驻 结束 */



/*课程详情-资料下载开始 */
.course-data-list{
	padding-bottom: 1px;
	margin: 0 10px;
	overflow: hidden;
}

.course-data-item{
	border-bottom: 1px solid #eaeaea;
	line-height: 20px;
	padding:25px 0px;
	overflow: hidden;
	position: relative;

}

.course-data-item img{
	margin-right: 10px;
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -15px;
	width: 30px;
	height: 30px;
}


.course-data-item-text{
	text-overflow: ellipsis;
	word-wrap: normal;
	max-width: 580px;
	position: relative;
	margin: 0;
	margin-left: 50px;
	cursor: default;
	word-break: break-all;
}

.course-data-item-size{
	display: inline-block;
	font-size: 12px;
	padding: 0px 5px;
	background-color: #f0f1f2;
	color: #838383;
	margin-left:5px;
}

.course-data-item-btn{
	height:30px;
	line-height: 30px;
	position: absolute;
	top: 50%;
	right: 0;
	margin-top: -15px;
	width:80px;
	text-align: center;
	border-radius: 15px;
	border:1px solid #448bde;
	color:#448bde;
	cursor: pointer;
}

.course-data-item-btn:hover{
	background-color:#448bde;
	color:#Fff;
}

.course-data-item-disabled .course-data-item-btn{
	 border:1px solid #d2d2d2;
	color:#d2d2d2;
	cursor: default;
}

.course-data-item-disabled .course-data-item-btn:hover{
	border:1px solid #d2d2d2;
	background-color: #fff;
	color:#d2d2d2;
	cursor: default;
}


.course-disabled-tips{
	line-height: 60px;
	text-align: center;
	background: #fff8d9;
	color: #ff8502;
	font-size: 16px;
	margin-left: -15px;
	margin-right: -15px;
	border-radius: 6px 6px 0px 0px
}

.course-disabled-tips .fa{
	margin-right: 5px;
}


/*课程详情-资料下载结束 */
.course-exam-history{
	text-decoration: underline;
	color: #d43e42 !important;
	cursor: pointer;
}

.course-exam-result{
    text-align: center;
    height: 26px;
    width: 70px !important;
    line-height: 26px;
    margin-top: 14px;
    margin-right: 10px !important;
    border-radius: 20px;
}
.course-exam-result.success{
	background-color: #d7ffea;
	color: #4fb860 !important;
}
.course-exam-result.fail{
    background-color: #ffe7ea;
    color: #d43e42 !important;
}
.course-exam-result.inprogress{
    background-color: #FBF3E5;
	color: #FF945B !important;
}
.course-exam-result.nostart{
	background-color: #F2F2F3;
	color: #878787 !important;
}
.course-exam-title{
    width:540px !important;
}

.course-play-icon{
	position: absolute;
	top: 0;
}




/* 举报专区 */
.report-main-index-inner{
	margin: 40px auto;
	width: 1200px;
}
.report-main-center{
	width: 100%;
	min-height: 680px;
	padding-top: 30px;
	padding-bottom: 70px;
	background: #F8F5FA;
}
.report-main-form{
	margin: 20px 40px 20px 20px;
}
.report-main-form-item{
	width: 100%;
	margin-bottom: 15px;
}
.report-main-form-item-half{
	width: 49.7%;
	margin-bottom: 15px;
}
.report-main-contact{
	display: inline-block;
}
.report-main-form-label{
	float: left;
	display: block;
	padding: 9px 15px;
	width: 110px;
	font-weight: 400;
	line-height: 10px;
	text-align: right;
}
.report-main-input-block{
	margin-left: 110px;
	min-height: 36px;
}
.report-main-input-tips{
	margin: 2px 0px 0px 10px;
	width: 100%;
	line-height: 22px;
	font-size: 12px;
	color: #9C90B6;
}
.report-main-input-tips>i{
	margin-right: 5px;
}
.report-main-line{
	border-top: 1px dashed #9285AE;
	margin: 5px 0px 20px 20px;
}
.report-main-code{
	width: 100px!important;
	height: 34px!important;
	cursor: pointer;
}
.report-main-code-input{
	width: 170px;
	float: left;
	margin-right: 10px;
}
.report-main-btn{
	width: 280px !important;
	display: inline-block;
	height: 38px;
	line-height: 38px;
	padding: 0 18px;
	background-color: #CA001A;
	color: #fff;
	white-space: nowrap;
	text-align: center;
	font-size: 14px;
	border: none;
	border-radius: 2px;
	cursor: pointer;
	outline: 0;
	-webkit-appearance: none;
	transition: all .3s;
	-webkit-transition: all .3s;
	box-sizing: border-box;
	vertical-align: middle;
}
.report-main-btn:hover{
	background-color: #B20E1A;
}
/* 举报专区 结束 */